Page 1 sur 1

affichage different sous IE et FF

Posté : 10 août 2009, 22:30
par damaskinos
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

Re: affichage different sous IE et FF

Posté : 11 août 2009, 14:37
par Victor BRITO
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]-->

Re: affichage different sous IE et FF

Posté : 11 août 2009, 16:03
par damaskinos
Encore une fois merci et pour le problème et surtout pour les petites précisions.