Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: srodkowy div na 100%
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
yavaho
Ten temat powraca czesto - mnie tez to dopadlo smile.gif
Mam 3 div'y ulozone obok siebie, ktore znajduja sie w jednym div'ie z poprzedniej warstwy.
  1. .mainlayer {
  2. background:#cccccc;
  3. width:450px;
  4. }
  5. .blok1,.blok3 {
  6. background:#dddddd;
  7. float:left;
  8. width:200px;
  9. }
  10. .blok2 {
  11. background:#eeeeee;
  12. float:left;
  13. width:50px;
  14. height:100%;
  15. }
  16.  
  17. <div class="mainlayer">
  18. <div class="blok1">1<br><br><br><br><br><br></div>
  19. <div class="blok2">2</div>
  20. <div class="blok3">3<br><br><br></div>
  21. </div>
Chce miec srodkowy div zawsze na 100% zaleznie od tego jaka wysokosc osiagnie prawy lub lewy div. A wiec chodzi o to aby .blok2 osiagnal 100% wysokosci .mainlayer
Prawy i lewy div wypelnie tekstem i teraz zaleznie od tego po ktorej stronie bedzie wiecej tekstu srodkowy div powinien osiagnac taka wysokosc jak jeden z tych div'ow w ktorym bedzie wiecej tekstu.
FiDO
http://www.quirksmode.org/dom/3column.html
yavaho
Cytat(FiDO @ 2005-06-22 22:15:24)
Tylko pod ktora przegladarka ten przyklad wyglada prawidlowo? Bo rozni sie calkowicie pod Opera i Firefoxem. I jest zupelnie inny od tego co ja chcialem osiagnac.
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.