Bonjour, j'ai un problème d'alignement avec IE, qui interprète mal mon code css
Ma page comporte la structure suivante :
|+------ HEADER -----+|
|| GAUCHE || CENTRE ||
|| || ||
|| || ||
|+------ PIED -------+|
|
Mon code HTML :
<div id="conteneur">
<div id="header"></div>
<div id="gauche"></div>
<div id="centre"></div>
<div id="pied" class="pied"></div>
</div> |
Et enfin, mon code CSS :
#conteneur {
width : 779px;
margin : 0 auto;
margin-bottom : 5px;
}
#header {
height : 159px;
width : 779px;
position : relative;
}
#centre {
width : 590px;
padding-left : 175px;
display : block !important;
padding-top : 6px;
}
#gauche {
float : left;
padding-left : 5px;
width : 165px;
}
#pied {
height : 23px;
width : 779px;
clear : both;
}
|
Sous Firefox, aucun problème, j'ai bien la bonne structure (cf plus haut), par contre sous IE ça donne ça :
|+------ HEADER -----+|
|| GAUCHE || ||
|| || ||
|| || ||
|| || CENTRE ||
|| || ||
|| || ||
|+------ PIED -------+|
|
J'ai donc un gros espace blanc, vide à coté de menu gauche, je pense que c'est un problème d'alignement, mais quand je résout le problème d'un coté (en mettant display : inline; par exemple, ça fonctionne sur IE, mais plus sous Firefox 
)
Merci de votre aide
Message édité par Fridric999 le 08-12-2008 à 16:54:08
