[html][css] layout kolumny Opcje

[matyskiewicz]

Pytanie z przedszkola:

[HTML] pobierz, plaintext 
<div>
   <div>kolumna 1</div>
   <div>kolumna 2<br /><br /><br /><br /></div>
</div>
[HTML] pobierz, plaintext 

Jak skonstruować CSS aby rozciągnęły się jednakowo obydwa bloki?

[Puzi]

Proszę bardzo:
http://funkcje.net/view/2/11/1779/index.html
Sam CSS do tego Ci nie wystarczy... JS Ci do tego jest potrzebny.

Chwila szukania w googlach...

[matyskiewicz]

a co w momencie kiedy js jest wylaczne? wydaje mi się że istnieją również inne sposoby...

Ten post edytował matyskiewicz 4.05.2009, 21:25:04

[sowiq]

wydaje mi się że istnieją również inne sposoby...

Zawsze jest inny sposób. Najprostszy jest taki, że zamiast robić np. lewą belkę czerwoną a prawą zieloną (wtedy będzie widać, że jedna jest wyższa od drugiej), to dla kontenera (Twój pierwszy div) ustawiasz tło czerwono-zielone. Kontener ma wysokość wyższego dziecka, więc tło będzie ustawione na całej wysokości. Tak na prawdę jeden div będzie niższy od drugiego, ale nie będzie to widoczne.

[matyskiewicz]

to już lepsze rozwiązanie, choć z drugiej strony co w momencie kiedy strona będzie wymagała rozciągnięcia w szerz?

[sowiq]

Wtedy mój sposób na wiele Ci się nie przyda Niestety, ale to jedno z lepszych rozwiązań nie wykorzystujące JS. Zapewne bardziej elastyczne sposoby korzystają z tabelek (chociażby zbudowanych na div'ach). Ja o innym rozwiązaniu nie wiem.

Ten post edytował sowiq 4.05.2009, 21:53:30

[matyskiewicz]

no nic mysle ze temat wyczerpany, dziękuję za pomoc.