51 votos

Bug IE7 CSS Desplazamiento Div

Recientemente me encontré con un IE7 único fallo que he pensado que me gustaría compartir para que cuando yo llegue a este sitio 6 meses a partir de ahora a averiguar la misma cosa, voy a tenerlo en la mano.

Creo que la manera más fácil de recrear, este error podría ser el siguiente código html en una página con una declaración de tipo de documento (funciona correctamente en los "caprichos" modo / no-tipo de documento):

<div style="overflow: auto; height: 150px;">
    <div style="position: relative;">[...]</div>
</div>

En IE7, la div externa es de un tamaño fijo y el interior div se posiciona de forma relativa y contiene más contenido (suponiendo que el interior div provoca un desbordamiento). En todos los otros navegadores, esto parece funcionar como se esperaba.

Captura de pantalla: bug screenshot

98voto

frank hadder Puntos 2988

La solución más fácil sería añadir position: relative; para el div exterior. Esto hará que el trabajo IE7 según lo previsto.

(Ver: http://rowanw.com/bugs/overflow_relative.htm ).

: EDITAR versión caché del enlace roto en waybackmachine.org

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X