[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

[r4xz]

np. http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks
pełno tego na google...

[malkavi]

Próbowałem, nie działa, sam zobacz i się przekonaj

[r4xz]

Próbowałem, nie działa, sam zobacz i się przekonaj

to pokaż jak próbowałeś ( http://jsfiddle.net/ )

[malkavi]

http://jsfiddle.net/9Rr8Q/

Jak widzisz użyłem jednego ze sposobów podanych na tej stronie, i blok czerwony i żółty nie wyrównały się do zielonego.

PS: bardzo fajna strona, na pewno się przyda, dzieki!

[r4xz]

Jak widzisz użyłem jednego ze sposobów podanych na tej stronie

nie, ty tylko przekopiowałeś pierwszy lepszy kod, który jest zaledwie ułamkiem całego poradnika. tego na prawdę nie jest dużo, a więc przeczytaj to, chociaż pobieżnie (wytłumaczone w b. przystępny sposó

[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)

[malkavi]

Tak, i to sprawi efekt tego że niby DIVy będą tej samej wysokosci no ale... jak widzisz sam to jest oszukane bo zastosowano tutaj kolejne 3 nowe divy które tak naprawde tylko przykrywaja faktyczną wysokosc starych divów. Ja szukam czegoś co sprawi że moje pierwotne divy zmienią swoją wysokosc i dostosują się do siebie.

Bo zobacz, dodałem do każdego #col obramowanie i wydać że nie zmieniły swojej pierwotnej wysokosci: http://jsfiddle.net/FeTXU/

[r4xz]

Ja szukam czegoś co sprawi że moje pierwotne divy zmienią swoją wysokosc i dostosują się do siebie.

no to inne pytanie - po co ci właśnie taki zabieg?

PS inaczej niż w JS raczej tego nie osiągniesz

[malkavi]

Oj długo by to tłumaczyć, ale udało mi się już zastąpić to czymś innym i efekt jest podobny.
Tyle chciałem wiedzieć, dzieki bardzo r4xz za zaangażowanie i pomoc!


// jest to jednak rzecz istotnia i fajnie by było jak by zdołali w css to obsłużyć.

Ten post edytował malkavi 10.05.2012, 15:15:24