(DIV, CSS) Menu się nie rozciąga do tresci. Opcje

[gandziorz]

Witam,
Mam taki mały problem z divami.

Mam 3 divy.

[HTML] pobierz, plaintext 
<div class="site">
<div class="menu">Tutaj moje menu</div>
<div class="srodek">Tutaj moj srodek a w nim tresc</div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.site {
	margin:auto;
	width: 807px;
	height: auto;
	overflow:auto;
}
.menu {
background-color: #F0F0F0;
float: left;
width: 208px;
height: auto;
}
 
.srodek {
background-color: #FFFFFF;
float: right;
width: 599px;
height: auto;
}
 
[HTML] pobierz, plaintext 

Teraz jak napiszę i wstawię dużo elementu do diva "srodek" to rodzic "site" rowniez sie "wydluzy" ale menu ani nie drgnie.
Rozchodzi mi się o to by menu i srodek tak samo się rozciagalo.

Nie mam pomysłu jak to rozwiązać.

Ten post edytował gandziorz 22.01.2012, 22:24:23

[prowseed]

Nigdy nie przywiązywałem dużej uwagi do css teraz uczę się je "opanowywać".

To na pewno nie powinienes tego robic w taki sposob.

[HTML] pobierz, plaintext 
padding-bottom:10000px;
margin-bottom:-10000px;
[HTML] pobierz, plaintext 

Zrob sobie cos takiego i psrawdz czy dziala

[HTML] pobierz, plaintext 
<div class="site">
<div class="menu">Tutaj moje menu</div>
<div class="srodek">Tutaj moj srodek a w nim tresc</div>
<div style="clear:both;margin:0;"></div>
</div>
[HTML] pobierz, plaintext