affichage different sous IE et FF

10 août 2009, 22:30

Bonjour,

Je vous remercie d'avance pour vos aides.
Mon footer se positionne différemment sous IE et FF. Je n'arrive pas à trouver pourquoi.

Je post un lien ou vous pouvez voir. Je crois que la différence se voit sur IE7 et IE6.

http://liveplayaz.com/demo/template/akrosport1.html

Merci

11 août 2009, 14:37

Tu as défini une hauteur fixe à ton div "contenu" :

Code : Tout sélectionner

div#contenu {
  height: 800px;
}

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 :

Code : Tout sélectionner

div#contenu {
  min-height: 800px;
}

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]-->

11 août 2009, 16:03

Encore une fois merci et pour le problème et surtout pour les petites précisions.

affichage different sous IE et FF

Qui est en ligne