Automatyczna wysokość div'a


(Bunio11) #1

Witam.

Tworzę stronę na własny użytek i napotkałem po drodze pewien problem.

Spójrzcie na obrazek: http://img39.imageshack.us/i/tloru.png/

Chce aby div1 oraz div3 miał zawszę tą samą wysokość co div2 (żeby robiło to się automatycznie). Div2 w każdej innej podstronie ma różne wysokości, ja chcę żeby divy 1 i 3 dostosowywały się zawsze do diva 2 automatycznie.

Wie ktoś jak to wykonać ??

strona zamieszczona jest tutaj: www.captaintsubasa.lua.pl - pierwsza podstrona jest dobra, ale reszta już nie ;/

PS. W sumie to mam na to jeden sposób... wziąłem te wszystkie divy w diva i nazwie "x" i dla tego diva i nazwie "x" mógłbym nadać kolor tła i było by wszystko fajnie, ale jest jedno ale. Mój layout ma różna kolorystykę i gdy dla mojego diva o nazwie "x" nadam np kolor diva z numerkiem 1 (patrz obrazek) to div 3 w tedy będzie tez miał kolor czerwony, a ja chciałbym żeby był dla diva 3 biały.

Proszę o pomoc.


(M@ster) #2

Wsadź te 3 divy w jeden obejmujący i nadaj im wszystkich wewnątrz wysokość 100%.


(Bunio11) #3

ale w tych divach są jeszcze inne divy, a w tych innych jeszcze inne xD

gdy tak zrobię nic się nie stanie ?

ps. zrobiłem tak, nadałem 100% height jak mówiłeś i nadal nic ;/


(M@ster) #4

Obawiałem się tego, one za pewno mają float: left czyż nie?


(Bunio11) #5

tak, mają float:left


(Kamil1511) #6

Też bym to wstawił w div obejmujący, potem nadać mu to ciemne tło żeby samo się dopasowywało do wysokości najdłuższego diva i tylko nie wiem czy ta wysokość 100% zadziała (mi nigdy nie działa height:100% z divami) ale zawsze można przynajmniej jakiś min-height ustawić.


(Bunio11) #7

no własnie o to kurde chodzi, że też mi to nie działa za dobrze ;/

gdy ustawiam {min-height:911px;height:auto;} to później to i tak się w dół automatycznie nie rozjeżdża ;/

PS. zrobiłem takie małe oszukanie...

wstawiłem dla diva, który obejmuje calą stronę takie tło: http://captaintsubasa.lua.pl/cut/calosctlo6.gif i to naprawdę działa - http://captaintsubasa.lua.pl/kalendarium.php :slight_smile: ale nie wiem czy to jest dobrze zrobione ze standardami xDDDD :smiley: :smiley:

tak czy siak chętnie bym się dowiedzial jak to zrobic jak zapytałem na początku tematu :slight_smile:


(Kamil1511) #8

Tylko jeszcze musisz margin i padding obejmującego diva ustawić bo coś się strona nie zaczyna od samej góry, chyba że tam jeszcze coś wstawiasz ;p


(Bunio11) #9

tam jest reklama darmowego serwera, na którym stoi teraz ta strona:)

gdy będę przynosił wszystko będzie OK.

a wie kto s jak rozwiązać mój problem sposobem, o który pytałem z początku ?


(Pavobe Reg) #10

Mogłeś również stworzyć pseudotabelkę za pomocą display: table, table-row i table-cell :wink:.