par
Victor BRITO » 11 août 2009, 14:37
Tu as défini une hauteur
fixe à ton div "contenu" :
En la supprimant, le problème est résolu. À noter que le bug d'affichage n'apparaît pas sous IE 6 (qui interprète la propriété height comme si c'était min-height).
Si tu tiens à ce que ton div ait une hauteur minimale, utilise la propriété
min-height :
Seul bémol : IE 6 ignore min-height, auquel cas il faudra ajouter une feuille de style supplémentaire pour IE 6 (appelée au moyen d'un
commentaire conditionnel), feuille de style où l'on utilisera height (pour la raison indiquée plus haut). Autrement dit :
Code : Tout sélectionner
<style type="text/css">
div#contenu {
min-height: 800px;
}
</style>
<!-- Feuille de style corrective pour IE 6 seulement -->
<!--[if IE 6]>
<style type="text/css">
div#contenu {
height: 800px;
}
</style>
<![endif]-->Tu as défini une hauteur [b]fixe[/b] à ton div "contenu" :
[code]div#contenu {
height: 800px;
}[/code]
En la supprimant, le problème est résolu. À noter que le bug d'affichage n'apparaît pas sous IE 6 (qui interprète la propriété height comme si c'était min-height).
Si tu tiens à ce que ton div ait une hauteur minimale, utilise la propriété [b]min-height[/b] :
[code]div#contenu {
min-height: 800px;
}[/code]
Seul bémol : IE 6 ignore min-height, auquel cas il faudra ajouter une feuille de style supplémentaire pour IE 6 (appelée au moyen d'un [url=http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows]commentaire conditionnel[/url]), feuille de style où l'on utilisera height (pour la raison indiquée plus haut). Autrement dit :
[code]<style type="text/css">
div#contenu {
min-height: 800px;
}
</style>
<!-- Feuille de style corrective pour IE 6 seulement -->
<!--[if IE 6]>
<style type="text/css">
div#contenu {
height: 800px;
}
</style>
<![endif]-->[/code]
