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>

[askone]

Hej

Pozostając w temacie flagi i dwóch kolorów to proponuję byś ustawił kolor tła na czerwony i później ustawił div w pozycji (0,0) szerokość 100% - wysokości nie określasz - będzie dynamiczna w zależności od ilośći tekstu. Oczywiście należy pamiętać aby jako background tego diva ustawić image w kolorze białym.

Przykład:

Kod

body { background-color: red;}
#twoj_div {background: #FF0000 url('link do obrazka') repeat-x top left; width: 100%;}

Pisałem z palca, więc mogą być pewne błędy (IMG:style_emoticons/default/smile.gif) Jednak myślę iż tędy droga...