Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] layout kolumny
Forum PHP.pl > Forum > Przedszkole
matyskiewicz
Pytanie z przedszkola:

  1. <div>
  2. <div>kolumna 1</div>
  3. <div>kolumna 2<br /><br /><br /><br /></div>
  4. </div>

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...
sowiq
Cytat(matyskiewicz @ 4.05.2009, 22:23:01 ) *
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 smile.gif 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.
matyskiewicz
no nic mysle ze temat wyczerpany, dziękuję za pomoc.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.