Mozilla: firefox == normal

caricatos · #1 (**permalink**) 06/10/2004, 05:25

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

tunait · #2 (**permalink**) 06/10/2004, 05:46

Hola Pepe

acabo de probarlo con ie, mozilla y firefox y en ninguno de los 3 me saca barras de scroll

caricatos · #3 (**permalink**) 06/10/2004, 06:18

Hola tunait:

Como siempre, demostrando que soy muy mal probador de código, pero haciendo un volcado de la ventana que veo en mi casa me sale esto:

Tal vez sea que tengo una versión antigua (1.5)...

Bueno, aunque yo no lo vea bien, me quedo un poco más tranquilo...

(Supongo que has pinchado en la miniatura y has visto el popup con el efecto hasta llegar el pajarito/pajarraco al final de la ventana... )

Saludetes

epplestun · #4 (**permalink**) 06/10/2004, 07:01

Yo lo he probado con IE y con Mozilla 1.0 y me funciona a las mil maravillas :D

haven · #5 (**permalink**) 06/10/2004, 08:30

Yo lo e probado con el firefox 0.9.3 y funciona

de maravilla, sin scroll por ningun lado.

En cambio a mi lo que si me cambia es el menú me mi página haber si consigo ponerlo para que se vea bien, jeje

Un saludo

seoista · #6 (**permalink**) 06/10/2004, 23:25

Con IE 6.0 y con Firefox 0.9.3

, sin barras de scroll.

Saludos

caricatos · #7 (**permalink**) 07/10/2004, 01:37

Hola otra vez...

Gracias a todos:

Parece que mi navegador tiene alguna tara...

Aunque no lo había comentado, lo mismo me sucede con "Opera". También en este navegador sale la ventana sin centrar (al menos verticalmente)

Saludos