IE7 DIV ne s'étend pas avec le contenu à l'intérieur

Question

J'ai un problème avec IE7. Dans IE6, Firefox et d'autres navigateurs, le DIV contenant le contenu s'étire verticalement en fonction de la quantité de contenu qu'il contient. Dans IE7 cependant, le DIV ne s'étire que jusqu'à la hauteur minimale absolue de la page puis il s'arrête ... il coupe même le contenu à l'intérieur de celui-ci.

Je ne peux pas comprendre pour la vie de moi pourquoi cela se produit. Le DIV est .content et l'exemple peut être trouvé ici: http://beta.beanersfuncuts.com/?page=products. Il le fait aussi sur d'autres pages avec trop de contenu.

Je continuerai à rechercher la source du problème, mais toute aide supplémentaire serait grandement appréciée.

Merci!

Answer 1

Le problème est que vous avez placé le content div à l'intérieur du top_menu div. Le contenu s'étendra en dehors de la div, mais dans IE7, il n'affectera pas la taille de la table. La suppression de la spécification de hauteur sur le div top_menu rendra tout le contenu visible dans IE7, mais cela pourrait avoir des effets secondaires indésirables ... Vous devez désactiver le contenu du menu.

Answer 2

Cela pourrait être la même question, ainsi que quelques réglages (une itérations couple, donc analyser l'ensemble fil) pour obtenir le résultat souhaité:

Div Height:100% Messes Up In IE 7