[CSS] ustawienie rozciągnięcia <DIV> Opcje

[malkavi]

Na załączonym obrazku przedstawiłem sytuacje ustawienia bloków <DIV> na mojej stronie.

Obraz

blok nr. 1 jest cały zapełniony treścią chciałbym aby wykończył wolną przestrzeń bloku nr3 na wysokość, tak jak blok nr2. jak to zrobić ?
Dodam że: Aktualnie bloki ustawione są tak że wydłużają się gdy wpisze do nich więcej treści, problem polega na tym że treści w 1 jest mniej niż w 2....

PS: próbowałem ustawiać height: 100%; lecz na marne nic nie działa. Prosze o pomoc.

Ten post edytował malkavi 8.05.2012, 14:47:11

[malkavi]

Przerobiłem to całe, od deski do deski, a tu jest kolejny przyklad ten ostatni najbardziej rozbudowany który także nie robi tego o co mi chodzi, sam zobacz:
http://jsfiddle.net/gC69R/


To jest tylko jakieś sztuczne oszukiwanie z nowymi divami które maja sprawić efekt że są tymi w których jest tekst a tak naprawde za każdym razem divy z tekstem nie ulegaja zmianie.

Ten post edytował malkavi 10.05.2012, 13:17:53

[r4xz]

Przerobiłem to całe, od deski do deski, a tu jest kolejny przyklad ten ostatni najbardziej rozbudowany który także nie robi tego o co mi chodzi, sam zobacz:
http://jsfiddle.net/gC69R/


To jest tylko jakieś sztuczne oszukiwanie z nowymi divami które maja sprawić efekt że są tymi w których jest tekst a tak naprawde za każdym razem divy z tekstem nie ulegaja zmianie.

zapomniałeś o jednym z ważniejszych aspektów, a mianowicie: div#col1 i div#container1 musi mieć identyczny 'background' (i analogicznie pozostałe kolumny)