[RESOLU]Float:left; > Probléme du DIV parent qui perd son height:10

Bonjour à vous tous et merci d'avance de votre aide.

<div id="DIV_Content">
<div id="DIV_body">
</div>
<div id="DIV_descip">
</div>
</div>

#DIV_Content {
	background-image: url(../PIC/DIV_content.jpg);
	background-repeat: repeat-y;
	width: 1004px;
	padding-top: 3px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

#DIV_body {
	width: 650px;
	float: left;
	margin-top: 25px;
	text-align: left;
}

#DIV_descip {
	width:330px;
	text-align: left;
	background-color: #FCF;
	border: 5px solid #FFF;
	padding-top: 3px;
	margin-right: 12px;
	float: left;
}

DIV_CONTENT sert à l'agencement de mon layout.
DIV_BODY et CONTENT sont le contenue de la DIV_CONTENT.

Je souhaiterais mettre DIV_BODY et CONTENT l'une à coté de l'autre à l'aide de float:left;
Le probléme est que DIV_CONTENT perd alors sa propriété height:100%, ce qui fausse tout l'affichage du layout.

Si j'utilise pas float:left; DIV_CONTENTE agit normalement, mais il met donc impossible de mettre mes deux autres DIV l'une à coté de l'autre.

Voici l'adresse de la page:
http://rememberfactory.be/Tempdvd.php

Encore merci
Modifié par Rifton007 (21 Sep 2009 - 19:59)

Bonjour, tu es face à un cas typique de dépassement des flottants.

Merci beaucoup, je suis amateur dans la création de site internet et j'ignorais totalement ce phénoméne.

Pour les autres voici la solution que j'ai dû adopté.
Placé une DIV à la fin et dans ma DIV parent, avec les propriété CSS suivante:

.spacer {
clear: both;
}

Je vous invite tout de meme à lire l'article proposé ci-dessus, trés intéressant.

Encore merci.

Rifton007 a écrit :
Je vous invite tout de meme à lire l'article proposé ci-dessus, trés intéressant.

C'est d'ailleurs pour cela que j'ai donné le lien...


Le problème est donc [résolu] ?