Wysokość diva zależna od wyższego diva wewnętrznego.

Witam,

Mam problem z ustawieniem diva. Chciałbym by dopasował wysokość do swojej zawartości. W zawartości są kolejne divy z tekstami. Wszystko działa do czasu aż nie zastosuję opcji float w celu ustawienia divów obok siebie. poniżej zamieszczam swój kod.

<style><!--
#main {
	width: 780px;
	margin: 20px auto;
	background: #ccc;
}

#l, #r {
	margin: 5px;
	background: #999;
	width: 380px;
	float: left;
}
-->
</style>


<div id="main">
	<div id="l">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. lorem at neque bibendum lacinia. </p>
	</div>
	<div id="r">
		<p>Phasellus a accumsan tortor, nec laoreet urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
	</div>
</div>

Pozdrawiam

jesli robisz balagan to potem sprzataj D

wiec jesli uzywasz floatow to potem je czysc.

Wszystko o floatach i czyszczeniu: http://css-tricks.com/all-about-floats/

a dla tych co TLDR; to:

dodaj to do css i za kazdym razem po uzyciu floatow dodaj sobie pustego diva z klasa clearfix (w twoim przypadku PO divie o id r

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

Po stokroć dzięki. O to chodziło :)