CSS - Petit (gros) problème

Salut,

J'en sais trop rien, mais si ici personne ne trouve réponse à ta question, il y a toujours l'excellent alsacreation.com dont les forums fêtent leur première bougie avec plus de 60000 messages ;)

Non, non, ce n'est pas de la publicité, ils sont généralement efficaces !

Le plus simple lorsque l'on veut un conteneur qui s'adapte à la taille de deux éléments est d'insérer un élément de séparation (ici un hr).

Exemple :

XHTML :

<div id="site">
<div id="menu">
<ul>
<li>Lien 1</li>
<li>Lien 2</li>
<li>Lien 3</li>
</ul>
</div>
<div id="contenu">
<p>Texte du contenu</p>
</div>
<hr class="separation" />
</div>

CSS :

div#menu {
float:left;
width:250px;
}
div#contenu {
float:left;
width:400px;
}
hr.separation {
clear:both;
visibility:hidden;
}

La propriété clear peut prendre pour valeur left, right et both, pour interdire tout bloc flottant à gauche, droite ou du même niveau.

Si j'ai bien compris, l'astuce est d'utiliser un <HR> qui va faire le necessaire pour toi ;)