Voici mon code:
<div id="global">
<div id="Menu">
<div id="MenuGauche">
</div>
<div id="MenuDroite">
</div>
</div>
<div id="ContenuGauche">
<div id="CadreHautGauche">
</div>
<div id="CadreCentralGauche">
</div>
<div id="CadreBasGauche">
</div>
</div>
<div id="ContenuDroite">
</div>
<div id="BasDePage">
<div id="BasDePageGauche">
</div>
<div id="BasDePageDroite">
</div>
</div>
</div>
et mon CSS:
/* CSS Document */
body
{
margin: 0; /* pour éviter les marges */
background-color:#FFFFFF;
text-align: center; /* pour corriger le bug de centrage IE */
}
#global
{
margin-left: auto;
margin-right: auto;
width: 780px;
text-align: left; /* on rétablit l'alignement normal du texte */
color:#000000;
}
div#Menu
{
display:inline;
}
div#MenuGauche
{
border:solid #003366 3px;
background-color:#336699;
border-right:none;
border-bottom:none;
height:20px;
width:140px;
float:left;
clear:both;
}
div#MenuDroite
{
border:solid #003366 3px;
background-color:#336699;
border-left:none;
height:20px;
width:630px;
float:left;
}
div#CadreHautGauche
{
border:solid #003366 3px;
background-color:#336699;
width:135px;
height:180px;
border-top:none;
float:left;
}
div#CadreCentralGauche
{
border:solid #003366 3px;
background-color:#336699;
width:135px;
height:180px;
margin-top:2px;
float:left;
clear:both;
}
div#CadreBasGauche
{
border:solid #003366 3px;
background-color:#336699;
width:135px;
height:180px;
border-bottom:none;
margin-top:2px;
float:left;
clear:both;
}
div#ContenuDroite
{
border:solid #003366 3px;
background-color:#336699;
width:600px;
height:542px;
padding-right:25px;
margin-bottom:3px;
margin-right:5px;
margin-top:2px;
}
div#BasDePage
{
display:inline;
}
div#BasDePageGauche
{
border:solid #003366 3px;
background-color:#336699;
width:140px;
height:20px;
float:left;
border-right:none;
border-top:none;
clear:both;
}
div#BasDePageDroite
{
border:solid #003366 3px;
background-color:#336699;
width:630px;
height:20px;
float:left;
border-left:none;
}
Modifié par CyberMen (28 Apr 2007 - 03:59)