Desplazamiento extraño de una capa en IE
2 seguidores
Hola.
Tengo un problema con el posicionamiento de una capa en IE. Aquí tenéis un un esquema del montaje.
El cuadro con fondo negro de la derecha (el que contiene los párrafos) se centra horizontalmente en la zona con fondo blanco de la estructura. El problema llega cuando reducimos el ancho de la ventana hasta tal punto que el cuadro negro tiene un ancho mayor que la zona blanca que lo contiene.
En esos casos, en IE (tanto en el 6 como en el 7) el cuadro de contenidos se desplaza hacia abajo, y se coloca a la altura de la base del menú. ¿Alguna idea que pueda servir para solucionar esto? Por si la queréis ver, aquí tenéis la hoja de estilos.
¡Gracias!
fernandodelavega
Jaff, gracias por la respuesta. Al final he optado por otra solución que sí han aceptado todos los navegadores sin utilizar métodos propietarios.
Me di cuenta de que, al reducir la ventana, la capa de la derecha caía hasta colocarse a la altura a la que acababa el contenido de la columna izquierda; si vaciaba la columna izquierda se solucionaba el problema. Así que al final lo que he hecho ha sido meter todo el contenido de la columna izquierda dentro de una capa y darle a ésta posicionamiento absoluto.
Saludos.
jaff
Hola, el problema está en que las cajas que contienen a la caja en concreto no tienen un width fijo, si no elástico, por lo que al redimensionar la ventana, si no tiene espacio suficiente, "salta".
Una solución es reestructurar la web, pero la solución más sencilla es poner un min-width al body. Como IE6 no soporta esta propiedad CSS, podrías usar un método propietario complementario (pon igualmente el min-witdh para ie7 y otros navegadores), metido por el hack " * html body{} " o por un comentario condicional, si tu CSS tiene que pasar el validador de la W3C.
El método propietario es el siguiente:
body{width: expression((documentElement.clientWidth