[Resolu] Probleme de hauteur de div (prise en compte des nested div)

Bonjour,

Tout d'abord desole pour mon vocabulaire: je ne sais pas comment dire en francais "nested div", ni le contraire d'un div parent (div enfant??).

Ceci pose, j'ai un probleme sur un layout de site. Je me suis mis au tableless CSS il y a peu, et je galere.

Voici ma CSS:

#body {
margin:0 auto;
width:743px;
background-color:#FDF4D7;
}
#in_body {
position:relative;
float:left;
padding-left:15px;
width:569px;
}
#lateral {
position:relative;
float:left;
width:159px;
text-align:center;
}

Et mon HTML:

<div id="body">
	<div id="in_body">Blabla</div>
	<div id="lateral">Blabla</div>
</div>

Mon probleme est que mon div parent (body) ne s'adapte pas a la taille de mes children, notamment in_body, dont la hauteur est aleatoire en fonction du contenu de la Base.
D'ou ma question: Comment faire en sorte que le div contenant s'adapte a la hauteur des div qu'il contient? Si ca n'est pas possible, quelle est la bonne methode?

Merci d'avance!

Thomas
Modifié par nabab (20 Apr 2007 - 17:37)

Bonjour,

overflow: auto;

sur ton sélecteur #body.

Bonne continuation.
Romain

Super! Ca marche!
Merci beaucoup

PS: comment je fais pour mettre ??

Tu as un bouton "Editer" en haut à droite de ton 1er post : il te suffit de modifier le titre en ajoutant [Résolu] .

J'en profite en passant pour donner un lien vers des explications (je crois qu'elles sont indispensables).

Au fait, à quoi te servent les position : relative de tes deux blocs ?
Modifié par Raphael (20 Apr 2007 - 18:58)