50 votes

Bug du Div de défilement CSS d'IE7

J'ai récemment découvert un bogue propre à IE7 que j'ai voulu partager. Ainsi, lorsque je viendrai sur ce site dans six mois pour résoudre le même problème, je l'aurai sous la main.

Je pense que la façon la plus simple de recréer ce bug serait le html suivant dans une page avec un doctype déclaré (il fonctionne correctement en "quirks mode" / no-doctype) :

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

Dans IE7, la division extérieure a une taille fixe et la division intérieure est positionnée de manière relative et contient plus de contenu (en supposant que la division intérieure provoque un débordement). Dans tous les autres navigateurs, cela semble fonctionner comme prévu.

Capture d'écran : bug screenshot

98voto

frank hadder Points 2988

La solution la plus simple serait d'ajouter position: relative; à la division extérieure. Cela permettra à IE7 de fonctionner comme prévu.

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

EDITAR: Version cache du lien brisé sur waybackmachine.org

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X