Podział strony, css Opcje

[kapitan kloss]

Witajcie,
męczę się nad stroną i nie mogę sobie poradzić.
Chciałbym podzielić stronę na dwie części - góra i dół
W zależności do ilości treści w części górnej ilość powierzchni części dolnej będzie się zmniejszać, ale zawsze będzie dochodzić do samej krawędzi dolnej.
Nie wiem czy dobrze to wytłumaczyłem, ale to taki efekt flagi polskiej, gdzie na białym polu wpuszczamy tekst, a ilość koloru czerwonego na którym nei ma tekstu zmniejsza sie.
Flaga jednak musi wypełnić całą stronę. No i nie umiem tego zrobic.

Nie znalazłem żadnej podobnej strony ani tutoriala, który by o tym mówił.
Pomożecie? Dziekuje....

Kod

<div class="calosc">
<div class="gora">Tu znajduje sie raz duzo raz malo tekstu</div>
<div class="dol">Ta czesc zmniejsza swoj rozmiar w zaleznosci od ilosci tekstu na gorze</div>
</div>

[thek]

A co gdy div "góra" będzie większy niż wysokość okna? Myślę, że estetycznie tego nigdy nie rozwiążesz tak naprawdę. Jeśli góra będzie za mała to dół byłby niemiłosiernie rozciągnięty na wysokość. Jeśli góra będzie większa niż wysokość to liczenie względem wysokości okna przeglądarki da Ci dla dołu wartości ujemne. Lepiej po prostu zostaw oba divy w spokoju. Każdy zajmie tyle miejsca ile potrzebuje, ale minusem tego jest to, że mała treść w obu sprawi, iż nie zajmą one całej wysokości. Ty jesteś adminem, więc to Ty musisz zdecydować, które rozwiązanie będzie najbardziej odpowiednie dla strony.

Edit: Byłbym zapomniał... Pobrać wysokość ekranu roboczego przeglądarki można. Wysokość elementu także można wyciągnąć, więc teoretycznie odejmowanie da się zrobić. Tylko według mnie to niepotrzebna zabawa w JS.

Ten post edytował thek 25.09.2009, 10:38:11