Probleme d'hauteur d'un div

bonjour,

je commence tout juste à apprendre le css et je suis encore un peu perdue.
je souhaiterai que mon div main est une hauteur qui s'ajuste en fonction du contenu.
A l'intérieur de ce div j'ai 2 autres div qui s'ajustent en fonction du contenu.
Lorsque je met auto comme valeur pour height pour mon div main, mes images disparaissent.

voici mon code :

<div id="content">
        <div id="main">
		<div id="news">
                    <!--texte-->
		</div>
		<div id="texte">
		     <!--texte-->
		</div>
        </div>
</div>

et mon css :

#content {
	margin:10px auto 0;
	background:#fff url(/center/isc/images/content_top.png) top center no-repeat;
}

#main {
	width:auto;
	background:url(/center/isc/images/content_bottom.png) bottom center no-repeat;
        height:400px;
}

#news {
	margin-right:5px;
	margin-top:5px;
	float:right;
	width:auto;
	background:#184c98;
	height:auto;
}


#texte {
	margin-left:5px;
	margin-top:5px;
	float:left;
	width:auto;
	color:black;
}

Merci d'avance pour votre aide.
Modifié par kindy (24 Apr 2009 - 09:29)

Bonjour,

Pourrais-tu éditer ton premier message afin de mettre les portions de code entre les balises [ code] et[ /code] (sans les espaces) pour que le code soit proprement formaté.

Pour en revenir à ton problème : Tu es confrontée à un problème de dépassement des flottants.