2010-11-11 5 views
0

Je développe un site qui a une hauteur spécifiée. J'ai fait un DIV et défini la hauteur et ajouté le débordement de propriété CSS: auto. Dans cette DIV j'ai un autre qui contient mon contenu et d'autres styles spécifiques. Dans tous les autres navigateurs, le contenu interne défile verticalement très bien s'il est plus long que la hauteur DIV extérieure spécifiée. Cependant, dans IE7 (probablement aussi dans 6), le DIV interne déborde du DIV externe. Pour moi, il semble que IE7 ne voit pas que ce DIV est en fait un enfant, donc il ignore le débordement: auto.Problèmes avec IE7-DIV ne prenant pas l'attribut DIV parent de overflow: auto;

Des idées sur ce que je devrais changer?

+0

Meilleur spectacle du code –

Répondre

0

Avez-vous des largeurs définies sur les divs? Je sais que IE7 et IE6 ont des problèmes avec overflow:auto; parfois s'il n'y a pas de largeurs, donc vous devriez essayer de les ajouter pour être sûr. Essayez également d'ajouter display:block; sur les deux divs (en particulier le div interne).

Si vous ne l'avez pas déjà utilisé, Firebug Lite est un outil génial pour tester CSS dans les IE.

+0

Merci, je l'avais déjà fixé les largeurs. Ajouté l'affichage: block; mais n'a pas fonctionné aussi bien. Il veut juste sortir de son conteneur comme si ce n'était pas là. – Aaron

+0

Essayez d'utiliser une méthode Clearfix. C'est vraiment une bonne pratique d'utiliser Clearfix partout. J'ai trouvé les meilleures méthodes ici: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ –

+0

Avez-vous un lien vers la page ayant ce problème? –

1

Trouvé finalement. La solution la plus simple serait d'ajouter une position: relative; à la div externe. Cela fera fonctionner IE7 comme prévu.

à cet ici: IE7 CSS Scrolling Div Bug

Questions connexes