Incompatibilidad en Firefox

bex · #1 (**permalink**) 24/07/2009, 16:54

Hola maestros,

Acabo de terminar este sitio pero hay algo que me está volviendo loco: en Firefox, debajo del header flash queda un espacio chiquitito de unos 4px de alto que no debería estar. En IE se ve perfecto.

Las etiquetas <object> y <embed> no tienen ni margin ni padding. Ya no sé qué intentar.

Alguna idea?
Gracias por su tiempo!

bex · #2 (**permalink**) 24/07/2009, 17:48

Ok, avances. Saqué el <object> y dejé el <embed> y el problema desapareció. Así que por lo menos ya está claro que el tema es con el <object>. Por supuesto que esto igual no es una solución. La prueba aquí.

De todas formas sigo escuchando ideas de los que saben.
Gracias!

bex · #3 (**permalink**) 26/07/2009, 02:22

Recién ahora me doy cuenta que en otro sitio me pasa lo mismo (pero ahí el fondo es blanco y no hay problema): debajo de un <object> tengo un espacio de 4px. También es un flash.

Por alguna razón Firefox (3.5/Windows Vista (lamentablemente)) me crea ese espacio debajo de la etiqueta <object>. A alguien más le pasa lo mismo?

Triby · #4 (**permalink**) 27/07/2009, 02:28

Podrias usar swfobject para cargar las animaciones.

En Firefox puedes ver la consola de errores (Menu -> Herramientas -> Consola de errores) para ver si algo en el codigo esta mal y es el causante de ese espacio.

bex · #5 (**permalink**) 27/07/2009, 23:43

Gracias Triby, ya conozco swfobject... pero no puede ser que no pueda usar el clásico <object><embed></embed></object>. Algo no puede estar bien.

Usé la consola de errores del FF, pero no me aparece ningún error del sitio en sí... sí me aparecen una barbaridad de advertencias sobre Google Maps.

Estuve haciendo pruebas. En todos los casos, menos en el 3ro, le di al <object> un borde rojo:

Cada vez que incorporo un elemento <embed> dentro de un elemento <object>, tenga lo que tenga abajo, me aparece ese espacio. Ver ejemplo.
Esto pasa SIEMPRE, ejemplo con un DIV en vez de un P. Ver ejemplo.
Si dejo ambos, pero uno tras otro (en cualquier orden), el <object> no se ve para nada y el depués del <embed> no aparece ningún espacio.Ver ejemplo.
Si hago lo mismo que en el anterior, pero con el borde rojo, sólo se ve el borde y se crea el espacio después del <object>, no del <embed>. Ver ejemplo.
Lo mismo si saco el <embed> y dejo sólo el <object>. Ver ejemplo.

Lo hice con páginas hechas desde cero, específicamente para esto. Me encantaría saber si a alguien le pasa lo mismo. Por favor, cualquiera que tenga algo de información al respecto, será muy agradecida. Esto me tiene muy desconcertado.

Triby · #6 (**permalink**) 28/07/2009, 00:37

Coloca el object dentro de un div sin margen ni padding y con overflow en hidden, ya nos diras como te fue.

Mikmoro · #7 (**permalink**) 28/07/2009, 00:52

O con un margen inferior negativo al embed: embed {margin-bottom:-3px;}

bex · #8 (**permalink**) 28/07/2009, 01:42

Bueno probé los dos consejos de los muchahos con muchas estrillitas y pasó lo siguiente.

Aquí aplicado el primero, no me funcionó. Muchas gracias igual Triby por tu sugerencia.
Aquí aplicado el segundo, sí me funcionó! Muchas gracias Mikmoro, me voy a acordar de vos cada vez que embeba un flash en una página.

Gracias a ambos por su tiempo.
Saludos!

Triby · #9 (**permalink**) 28/07/2009, 02:35

Es buena noticia saber que ya te funciono.

Por un pequeño olvido y solo como aclaracion, si al div contenedor no le asignas medida (width y/o height) el overflow no tiene sentido... sorry por la omision.

Mikmoro · #10 (**permalink**) 28/07/2009, 02:50

De nada, es un placer.

De hecho, como dice Triby, si al contenedor que has puesto para el object en el primer ejemplo le das el mismo alto que al embed (height: 85px), incluso sin overflow te queda perfectamente bien.

bex · #11 (**permalink**) 28/07/2009, 13:54

Es verdad, acá actualizada la sugerencia de Triby en práctica. Sí funciona.

Cita:

Iniciado por Triby

Por un pequeño olvido y solo como aclaracion, si al div contenedor no le asignas medida (width y/o height) el overflow no tiene sentido... sorry por la omision.

Más por ignorancia mía que por olvido tuyo.

Gracias ambos de nuevo por su tiempo!

chicohot20 · #12 (**permalink**) 28/07/2009, 16:15

Hola que tal chicos.
creo que tu prblema es porque le quitaste el atributo align="middle" del embed.
Aparentemente parece que no hacen nada pero es mejor que esten ahí.
pruebalo y veras que funciona no es necesario trabajar con margin y lo demás...

bex · #13 (**permalink**) 28/07/2009, 21:56

Hola chicohot20,

Ese no es un atributo válido (para la W3C). Si bien ninguno de los atributos del <embed> validan, hay que intentar usar la menor cantidad de atributos no válidos. Sobre todo aquellos que estén destinados a controlar el aspecto y la distribución en el espacio de los objetos. Así pienso yo por lo menos.

Un saludo!