Hola amigos:
He visto que aparte de la apariencia, también son distintos es mostrar algunas cosas...
Me explico... Estaba intentando poner un efecto en un popup en donde una imagen sale por la izquierda y se mueve hasta desaparecer por la derecha, y firefox lo hace bien pero la otra versión saca barras de desplazamiento.
He puesto en la capa overflow: hidden, pero no le hace caso.
El código que se genera en el popup es el siguiente:
Código HTML:
<html>
<head>
<title>
Sucaricatura.com
</title>
<script type='text/javascript' >
var base = '../efectos/';
var dibujos = ['gaviota.gif', 'pajarito.gif', 'pajaro.gif', 'pajarraco.gif'];
function moverme() {
var soy = parseInt(document.getElementById('ave').style.left);
var nuevoSoy = soy + 2;
document.getElementById('ave').style.left = nuevoSoy + 'px';
if (nuevoSoy < parseInt(document.body.clientWidth))
setTimeout('moverme()', 20)
else {
document.getElementById('ave').src = base + dibujos[Math.floor(Math.random() * dibujos.length)];
document.getElementById('ave').style.left = '-140px';
setTimeout('moverme()', 1000);
}
}
</script>
</head>
<body onload="setTimeout('moverme()', 100)" >
<div style='width: 360px; position: absolute; top: 0px; left: 0px; margin: 0px; overflow: hidden; height:480px' >
<img src='fotos/2003V208.jpg' style='position: absolute; left: 0px; top: 0px;' />
<div style='position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;' >
<img src='../efectos/pajaro.gif' id='ave' style='position: absolute; top: 10px; left: -140px; overflow: hidden;'/>
</div >
</div>
</body>
</html> Y si lo quieren ver está en este sitio:
http://www.sucaricatura.com/2003/prueba.html
¿Sabe alguien como evitar que salgan esas barras en todos los navegadores?
Muchas gracias
