Différences entre I.E. et Mozilla-Firefox

**momofr** · 10/01/2009, 15h59

Dans l'exemple suivant, le résultat n'est pas le même si on affiche avec I.E. ou Mozilla-Firefox.
La partie en bas et à gauche de la page (de couleur gris foncé, inutilisée, en-dessous de div.menu) n'apparait pas avec Firefox.
Il s'agit logiquement d'une partie de "div.global", la page se présentant comme suit :
1) div.global :
1-1) div.menu (en haut et à gauche)
1-2) div.contenu (à droite de div.menu) :
1-2-1) div.entete
1-2-2) ... contenu ...
1-2-3) div.pied
Quelqu'un a-t-il une idée des modifications à apporter :
1) : pour que la partie inférieure gauche (en gris foncé) apparaisse aussi avec Firefox ?
2) : pour qu'il n'y ait pas d'espace avant l'en-tête et après le pied ?
Ci-joint la source HTML complète.

**Macmillenium** · 10/01/2009, 19h39

Bonsoir,

Le problème vient de la div global, ses divs enfants (menu et contenu) sont floattantes donc retiré du flux naturel et n'héritent pas la hauteur de leur div parents qui se retrouve alors a height:0
La solution c'est d'ajouter un overflow:hidden sur global pour englober ses enfants.

EDIT : Et pour enlever l'espace il faut un margin:0 sur le body

**momofr** · 11/01/2009, 12h16

Formidable !
Mais il reste 2 petits problèmes :
1) une ligne blanche s'affiche avant l'en-tête avec Firefox et pas avec IE.
2) une ligne blanche s'affiche après le pied avec les 2 navigateurs.

Pour supprimer ces lignes, j'ai ajouté "margin: 0;" dans "div.contenu", "div.entete" et "div.pied", mais cela n'y change rien.

Ci-joint ma source HTML complète corrigée.