CSS POMOCY !, Zaczynam sie zastanawiac dlaczego ludzie nie lubia tabel Opcje

[clansman5]

Witajcie

Po 5 godzinach walki z CSS oraz proba rozwiazania banalnego przykladowego problemu stracilem cierpliwosc.
Najlepsze jest to, ze nawet gotowe szablony pobierane chociazby stad: CSS Layouts NIE DZIAŁAJĄ.

Moj problem jest nastepujacy:
Chce uzyskac taki uklad:
(IMG:http://s19113.ps.pl/d.jpg)
Z tym że, div2 ma miec pewien min-height natomiast ma sie rozciagac w doł jezeli bedzie w nim np. za duzo tekstu.

Wyniki moich prob sa nastepujace:
1. Gdy pod IE wszystko dziala, to w firefoxie div2 ma wysokosc ustawiona w height natomiast tekst wychodzi poza diva i ciagnie sie poza strona poprzez div3.

2. Gdy zapodam min-height dla div2 wtedy w firefoxie nastepuje przerwa pomiedzy div1 a div2 oraz div2 a div3
ktorej nie sposob zniwelowac za pomoca padding albo margin.

POMOCY

[barat]

Nadałeś Div-owi treść wysokość na sztywno.
IE źle interpretuje CSS i dla niego height i min-height to jedno i to samo, nie uznaje wysokości na sztywno o jak jest w niej więcej tresci to go rozciąga.
FF i Opera uważają, że jeśli coś jest na sztywno to tak ma być i dalej nie rozciąga.
Dla div-ów z treścią zrezygnuj ze sztywnej wysokości (tak samo dla menu tp) ...
Jak mowilem ... zrób
<div id="kontener"><div id="rozpychacz"></div><div id="content></div><div class="clear"></div></div>

=======edit========
Zauważyłem, że w treść masz overflow - wtedy height jest potrzebne (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
==================

Rozpychaczowi daj float i wysokość (wtedy rozepchnie gownego div'a - pisze z głowy, nie wiem czy nie będziesz musiał tez dać mu szerokości na przykład 1px - zapewne tak) contentowi daj float i szerokość,
Teraz div kontener na starcie będzie miał taką wysokość na jaką rozpycha go "rozpychacz" po czym gdy w content będziewięcej tekstu bez problemu się rozciągnie.

Możesz też po prostu wpisać min-height dla opery i FF a dodać warunkowe dla IE zwykłe height (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował barat 25.05.2007, 23:22:58