Foros del Web » Creando para Internet » CSS »

Problema -creo- con overlay en IE

Estas en el tema de Problema -creo- con overlay en IE en el foro de CSS en Foros del Web. Hola, buenos días. Veréis, tengo una web maquetada con divs (he abandonado la maquetación en tablas hace poquito) y he conseguido un script de acordeón ...
  #1 (permalink)  
Antiguo 11/05/2009, 02:31
 
Fecha de Ingreso: marzo-2005
Mensajes: 197
Antigüedad: 19 años
Puntos: 1
Problema -creo- con overlay en IE

Hola, buenos días.

Veréis, tengo una web maquetada con divs (he abandonado la maquetación en tablas hace poquito) y he conseguido un script de acordeón que funciona perfectamente en Firefox, pero que en IE no funciona como a mí me gustaría, y, según creo el fallo está en que al ser animadas para desaparecer, las capas no se tapan unas a otras...

El script podéis verlo aquí, y si podéis echar un vistazo para orientarme en el fallo os lo agradeceré.

¡Un saludo para todos y gracias por descontado!
  #2 (permalink)  
Antiguo 11/05/2009, 04:41
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Problema -creo- con overlay en IE

Yo en IE6 lo veo funcionar casi igual que en FF2
  #3 (permalink)  
Antiguo 11/05/2009, 04:45
 
Fecha de Ingreso: marzo-2005
Mensajes: 197
Antigüedad: 19 años
Puntos: 1
Respuesta: Problema -creo- con overlay en IE

Sí, funciona mejor en IE6 que en IE7...

Aunque lo que quiero solucionar también falla (parcialmente) en IE6, ya que si te fijas, el desplazarse las capas no terminan de cubir el texto hasta que se establece la opción pulsada...

Será una tontería de bug en el que habrá que cambiar una línea para IE... Pero no doy con ella...

Seguiré buscando, a ver...

¡Gracias por tu ayuda!
  #4 (permalink)  
Antiguo 11/05/2009, 10:46
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 19 años, 5 meses
Puntos: 10
Respuesta: Problema -creo- con overlay en IE

Hola Koden

Creo que el problema lo localizas en el estilo .box:

.box {
background: #fff;
padding: 0px 10px 1px 10px;
text-align: left;
/*position: relative; eliminado: mira si es necesario eliminar también en el resto de las boxes */
}

Elimina el position: relative y funciona correctamente en ie6, 7 y 8. Además sigue funcionando correctamente en ff, opera y chrome.

Saludos
____________

Por otra parte tienes algunas cosas que mirar para que te funcionen las transparencias png en ie6 y, también en ie6, en el menú superior el fondo amarillo no cubre la totalidad de los conceptos -se queda corto por la izquierda: la H de Home queda fuera del fondo-.
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 04:57.