Foros del Web » Creando para Internet » HTML »

PROBLEMA: Youtube y div con overflow:hidden

Estas en el tema de PROBLEMA: Youtube y div con overflow:hidden en el foro de HTML en Foros del Web. Hola: Resulta que tengo un div con overflow:hidden, y al que le hago scroll desde fuera del div con un par de imágenes y javascript. ...
  #1 (permalink)  
Antiguo 29/10/2008, 11:17
 
Fecha de Ingreso: marzo-2008
Mensajes: 207
Antigüedad: 16 años, 1 mes
Puntos: 0
PROBLEMA: Youtube y div con overflow:hidden

Hola:

Resulta que tengo un div con overflow:hidden, y al que le hago scroll desde fuera del div con un par de imágenes y javascript.

Dentro del div, tengo un par de vídeos de youtube. En IE funciona sin problemas, hace su scroll tan normal y ya está. Pero en Firefox, curiosamente, me coloca todos los vídeos de youtube que están dentro del div, en una "capa" superior a toda la web, y cuando hago scroll en el div, se mueven con el scroll, pero nunca se ocultan.

¿Alguna idea de por qué puede ser esto?

PD: He probado a insertar el objeto de youtube con el código tal y como te lo da youtube, y también de una manera un poco más standard (al menos standard para xhtml 1.0 transicional)

Gracias por su ayuda.

----- EDIT ------

Os dejo una captura de pantalla del navegador y mi web con el vídeo (en verde, el div, y en azul, el vídeo ¬¬)



(Sólo me da problemas en Firefox, funciona perfecto en IE7, Opera, Safari y hasta en Chrome de Google XD)

Última edición por Masane; 29/10/2008 a las 12:16
  #2 (permalink)  
Antiguo 29/10/2008, 17:10
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: PROBLEMA: Youtube y div con overflow:hidden

Si pones la url donde está será más fácil.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 29/10/2008, 17:44
 
Fecha de Ingreso: marzo-2008
Mensajes: 207
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: PROBLEMA: Youtube y div con overflow:hidden

http://www.laninadeloscupones.com/pr...php?a=MosPreTV
  #4 (permalink)  
Antiguo 29/10/2008, 18:22
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: PROBLEMA: Youtube y div con overflow:hidden

Prueba a añadir la etiqueta <param value="transparent" name="wmode"/> a tus dos objetos flash:

Cita:
<param name="wmode" value="transparent"/>
<param name="movie" value="http://www.youtube.com/v/qkvZFQD...
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 30/10/2008, 08:35
 
Fecha de Ingreso: marzo-2008
Mensajes: 207
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: PROBLEMA: Youtube y div con overflow:hidden

Arreglado

Muchísimas gracias Mikmoro
  #6 (permalink)  
Antiguo 30/10/2008, 09:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: PROBLEMA: Youtube y div con overflow:hidden

De nada, es un placer.

Saludos.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 22/11/2010, 16:57
 
Fecha de Ingreso: febrero-2004
Ubicación: Carthagena
Mensajes: 205
Antigüedad: 20 años, 2 meses
Puntos: 0
Respuesta: PROBLEMA: Youtube y div con overflow:hidden

Genial!

Esta solución también me sirvió para un problema con Firefox 3.0.19 que no funcionan los overflow:hidden. En IE y FF 3.6 se veia bien pero en versiones mas antiguas de FF el overflow era ignorado completamente.

Al poner <param name="wmode" value="transparent"/> al SWF todo funcionó magicamente, no tengo idea porqué :P
__________________
Retro Invaders : Mi blog
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:25.