[CSS] Nieoczekiwana wysokość div'a w Firefoxie

[Zenobi]

Też postanowiłem porzucić tabelki na rzecz DIV-ów.
Mam kilka (opisując problem w wielkim skrócie) "tabelek" zrobionych na DIVa-ch - jedna nad drugą.
Wewnątrz nich pojawiaja się dynamicznie generowany teksty wyciągane z bazy. Niestety – w Firefoxie jest problem. Przy braku określenia „height” (lub dla podania jakiejś konkretnej wartości) dla DIV-a te od góry włażą na te dolne. Pod IE i Operą wszystko fajnie – przeglądarki same dopasowują wysokość DIV-a do ilości tekstu, a ten Firefox domaga się jednak podania jakiejś wysokości na sztywno. Tylko, że ilość tekstu jest dość różna więc określanie "height" na sztywno odpada.
Czy ktoś miał taki problem, lub wie jak go rozwiązać?

[Mateusz Bogolubow]

Poprosimy o adres strony lub jej kod...

[Zenobi]

Proszę bardzo. W poziomie wszystko działa, aczkolwiek trzeba bedzie jeszcze wymiary podopiszczać.

Kod: Zaznacz cały

<div style="width:800px; background-color:#CCFF66;" id="nr">
	<!-- kontener lewy -->
	<div style="width:80px; float:left; background-color:#33FFFF; ">TREŚĆ
</div>
	<!-- kontener prawy -->
	<div style="width:712px; float:right; background-color:#33FFFF; ">
	<!-- kontener prawy-lewy -->
	<div style="width:600px; float:left; background-color:#33FFFF; ">TREŚĆ</div>
	<!-- kontener prawy-prawy -->
	<div style="width:70px; float:right; background-color:#33FFFF; ">TREŚĆ
	</div>
	</div>
	</div>

[Stig]

Z tego co rozumiem, to problem powinien zniknąć wraz z odpowiednim zastosowaniem atrybutu clear.

[M4rciniak]

Witam. Mógłby ktoś mniej więcej opisać atrybut clear? Niestety po angielsku nie jestem w stanie sam do tego dojść. Pytam bo często sie z tym spotykam i tak naprawde nigdy nie wiedziałem do czego to służy. Z góry dziękuję

[Stig]

Polecenie pozwala ustalić pozycję elementów sąsiadujących względem elementu pływającego (np. obrazka). Określa które krawędzie elementu następującego po elemencie pływającym nie będą do niego przylegać.

Ten cytat z kursu Sławomira Kokłowskiego jest IMHO nalepszym polskim wytłumaczeniem działania tego atrybutu.

[stami]

Pssssst..... Na mieście mówią, że jak użyjesz do określania wysokości diva atrybutu min-height to FF bedzie prawidłowo rozciągał diva w przypadku gdy bedzie więcej tekstu.

min-height jest ignorowany przez IE bo IE nie zna takiego atrybutu bo generalnie IE nie wspiera CSS2 i nie zna wielu użytecznych funkcji.

[Zenobi]

Dzięki!
Połączenie clear:both i min-height dało efekty - bez was bym się musiał dłuuugo męczyć.

[M4rciniak]

Polecenie pozwala ustalić pozycję elementów sąsiadujących względem elementu pływającego (np. obrazka). Określa które krawędzie elementu następującego po elemencie pływającym nie będą do niego przylegać.

Ten cytat z kursu Sławomira Kokłowskiego jest IMHO nalepszym polskim wytłumaczeniem działania tego atrybutu.

Bardzo dziękuję Ci Stig za wyjasnienie. Fakt że "sucha" definicja mi wiele nie powiedziała ale sprawdze w praktyce