28173 sujets

CSS et mise en forme, CSS3

Bonjour le forum,

Dans un div principal, trois div :

<div id="central">
   <div id="gauche">1</div>
   <div id="centre">2</div>
   <div id="droit">3</div>
</div>


Et dans le Css, de quoi les positionner les uns à côté des autres avec des marges externes aux div pour les espacer :

#central {
margin:0 auto 0;
width:760px;
background-color:#D3D3D3;
}
#gauche {
float:left;
width:166px;
margin-left:35px;
margin-right:34px;
background-color:lightblue;
}
#centre {
float:left;
width:222px;
margin-left:34px;
margin-right:34px;
background-color:lightblue;
}
#droit {
float:left;
width:166px;
margin-left:34px;
background-color:lightblue;
}


Sous IE/FF/NS les marges sont toutes bien interprétées, sauf le margin-left de #gauche qui est doublé sous IE6.

Si je pose margin-left:0; tout le monde s'aligne bien à gauche de #central, mais dès que j'indique une valeur non nulle c'est différent sous IE6.

Vala vala, suis preneur de toute info Smiley smile
Merci
Modifié par Philos (12 Jul 2006 - 14:51)