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.
Pełna wersja: [CSS] ustawienie rozciągnięcia <DIV>
np. http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks
pełno tego na google...
pełno tego na google...
Próbowałem, nie działa, sam zobacz i się przekonaj 
Cytat(malkavi @ 8.05.2012, 23:11:20 ) 
Próbowałem, nie działa, sam zobacz i się przekonaj
to pokaż jak próbowałeś ( http://jsfiddle.net/ )
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!
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!
Cytat(malkavi @ 9.05.2012, 17:00:20 )
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ó
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.
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.
Cytat(malkavi @ 10.05.2012, 14:16:01 )
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.
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)
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/
Bo zobacz, dodałem do każdego #col obramowanie i wydać że nie zmieniły swojej pierwotnej wysokosci: http://jsfiddle.net/FeTXU/
Cytat(malkavi @ 10.05.2012, 14:31:55 )
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
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ć.
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ć.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.