Bon j'ai résolu le problème avec ce type de gabarit (qui ressemble beaucoup aux autres, serait-on sur un bogue ?) :
A tous les Spipeurs, voici le code CSS pour tester le gabarit
#conteneur {
text-align: left;
width: 740px;
margin: 0 auto 0 auto;
background: #fff;
}
#entete {
height: 61px;
background: url(../IMG/d/h.png) no-repeat 0 0;
}
#gauche {
float:left;
width:200px;
background: #63c;
}
#droite {
margin-left:200px;
top: 0;
background: #c33;
}
#pied {
clear:both;
text-align:right;
border-top:solid 3px #000;
}
Voici le code Xhtml (un menu arrondi - voir tutorial sur ce site - est utilisé dans le menu de gauche pour tester le comportement dans le cas d'un menu > à la longueur de l'article) :
<div id="conteneur">
<div id="entete">
</div>
<div id="gauche">
<div id="cadre">
<div id="hautdroit"></div><div id="hautgauche"></div>
<div id="contenu">
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
<p>ceci est mon menu gauche</p>
</div>
<div id="basdroit"></div><div id="basgauche"></div>
</div>
</div>
<div id="droite">
<p>ceci est mon menu droite</p>
<p>ceci est mon menu droite</p>
<p>ceci est mon menu droite</p>
<p>ceci est mon menu droite</p>
<p>ceci est mon menu droite</p>
</div>
<div id="pied">
<p>ceci est mon pied de page</p>
<p>ceci est mon pied de page</p>
<p>ceci est mon pied de page</p>
<p>ceci est mon pied de page</p>
<p>ceci est mon pied de page</p>
</div>
