Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/07/2008, 09:51
Avatar de faiverson
faiverson
 
Fecha de Ingreso: mayo-2005
Mensajes: 79
Antigüedad: 21 años, 5 meses
Puntos: 0
Respuesta: Problema con position absolute en Opera

Ya lo solucione...
La version de Opera es la Versión 9.51

Este particular error se debe a un script que uso para la transparenciade png's en IE6. (Ahora lo ejecuto solo para IE6, con lo que soluciono el problema...)

Agrego los codigos para el que quiera ir mas alla y probar:

A modo simple la pagina seria:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hi world!</title>
<link href="css/grudge.css" rel="stylesheet" type="text/css" />
<script defer type="text/javascript" src="js/png.js"></script><!-- aca ta el problema! -->
</head>
<body>
<div id="playvideo"><img src="http://www.forosdelweb.com/images/playvideo_grudge.png" border="0" height="54" width="98" /></div>
</body>
</html> 
El CSS:
Código PHP:
div#playvideo{position:absolute; left:250px; top:160px; } 
Y el .js que trae el problema tiene:

Código PHP:
function PNG_loader() { 
   for(var 
i=0; i<document.images.length; i++) { 
      var 
img = document.images[i]; 
      var 
imgName = img.src.toUpperCase(); 
      if (
imgName.substring(imgName.length-3, imgName.length) == "PNG") { 
         var 
imgID = (img.id) ? "id='" + img.id + "' " : ""; 
         var 
imgClass = (img.className) ? "class='" + img.className + "' " : ""; 
         var 
imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "; 
         var 
imgStyle = "display:inline-block;" + img.style.cssText; 
         if (
img.align == "left") imgStyle += "float:left;"; 
         if (
img.align == "right") imgStyle += "float:right;"; 
         if (
img.parentElement.href) imgStyle += "cursor:hand;"; 
         var 
strNewHTML = "<span " + imgID + imgClass + imgTitle 
            
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" 
            
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
            
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"; 
         
img.outerHTML = strNewHTML; 
         
i--; 
      } 
   } 
} 
try{
window.attachEvent("onload", PNG_loader); 
}catch(
e){}
/*
<!--[if gte IE 5.0]> 

<script type="text/javascript" src="png.js"></script> 

<![endif]--> 
*/ 
Gracias por responder tan rapido! Saludos!
__________________
Fabi... fighting versus the web