[css] Rozciaganie div-a (tlo) na wysokosc, jesli div-y wewnatrz maja wieksza zawartosc tekstu Opcje

[lukash82]

Witam. Mam taki problemik z ustawieniem tla dla jednego z div-ow na stronie. Taki efekt juz pare razy wykorzystywalem w innych stronach i zawsze mi to dzialalo a teraz nie wiem czemu nie chce. Po krotce chodzi o to, ze mam jakis div z tlem (w tym przypadku zielony na rysunkach w linkach ponizej). W nim sa dwa div-y, jeden (zolty) z menu a drugi (bialy ) z trescia strony. Problem polega na tym, ze gdy wybiore cos z menu i tekst do tego bedzie dluzszy od wysokosci menu to div z trescia(bialy) ma sie rozciagnac na tylt ile potrzeba. I to mi dziala dobrze pod wszystkimi przegladarkami. Teraz chcialbym aby ten div pod spodem (tj. zielony) rozciagnal sie tez na dlugosc div-a (bialego) z trescia strony. Pod IE to dziala dobrze bez dodawania zadnych opcji w css ale chcialbym zeby tak samo dzialalo to pod porzadnymi przegladarkami (FF i Opera). Ponizej troche kodu jaki narazie mam, i ktory nie dziala jak nalezy...:/
Plik HTML

[HTML] pobierz, plaintext 
<div id="tresc">
	<div class="menu_oferta">
		Menu1<br  />
		Menu2<br  />
		Menu3
	</div>
	<div class="opis">
		1<br  />
		2<br  />
		3<br  />
		4<br  />
		5<br  />
		6<br  />
		7<br  />
		8<br  />
		9<br  />
		10<br  />
		11<br  />
		12<br  />
		13<br  />
		14
	</div>
</div>
[HTML] pobierz, plaintext 

i plik css

[HTML] pobierz, plaintext 
#tresc{
	margin				: 0px;
	padding				: 0px;
	width				: 800px;
	background-color	: green;
	height				: auto !important;
	height				: 300px; /* IE */
	min-height			: 300px;
}
#tresc .opis{
	margin				: 0px;
	padding				: 5px;
	width				: 580px;
	float				: right;
	background-color	: white;
}
#tresc .menu_oferta{
	margin				: 0px;
	padding				: 0px;
	width				: 200px;
	background-color	: yellow;
	float				: left;
}
[HTML] pobierz, plaintext 

A tak to wyglada pod IE pod Opera/FF
Wydaje mi sie, ze wszystko jest dobrze napisane i problem lezy po stronie wysokosci glownego kontenera tresc ale nie wiem co tam jest tak do konca zle. Jesli widzicie blad to prosze o pomoc jak sie go pozbyc. Pozdrawiam, Łukasz.

[nevt]

możes spróbować dodać float:left dla #tresc (nie jestem pewien, czy pomoże - nie mogę teraz sprawdzić...) ale powinno pomóc dodanie na końcu (za .opis ale wewnątrz #tresc) pustej stopki, coś w rodzaju:

[HTML] pobierz, plaintext 
<div style="clear:both;width:100%"></div>
[HTML] pobierz, plaintext 

[lukash82]

Witam ponownie. Nie myslalem, ze cos takiego moze pomoc a jednak:) Pomogla opcja dodania do #tresc float: left. nie wiem do konca na jakiej zasadzie to zadzialalo ale dziala. Wielkie dzieki nevt. Pozdrawiam

[nevt]

heh - sam nie wiem z czego to wynika, ale już nieraz przekonałem się, że aby wszystkie przeglądarki właściwie interpretowały oblewanie, to trzeba nadać też float kontenerowi - ciesze się, że dobrze pamiętałem i mogłem pomóc...