Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Height na 100% - 3 divy
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
_kama
Wiem, ze temat poruszany ale nie znalazlam konkretnego rozwiazania
POtzrebuje osiagnac efekt jak tu

tzn html

  1. <div id="content">
  2. <div id="lewy">Tu krótszy tekst, tu krótszy tekst</div>
  3. <div id="prawy">Tu dłuzszy tekst, Tu dłuzszy tekst, Tu dłuzszy tekst, Tu dłuzszy tekst, Tu dłuzszy tekst, Tu dłuzszy tekst</div>
  4. </div>


gdzie wysokosc:
- wysokosc content nie jest stala, bo zalezy od wysokosci div#lewy lub div#prawy - w zaleznosci od tego ktory ma wiecej tekstu czyli jest wyzszy
- wysokosc div#lewy lub div#prawy zaleza wzajemnie od siebie bo te ktory jest mniej rozepchniety tekstem wyciaga sie do tej samej wysokosci co ten ktory ma wiecej tekstu.

Pomocy!
smagul
to juz nie css tylko javascript
sniver
to proste,
w css musisz koniecznie zrobić tak:
Cytat
html, body {
height: 100%;
}

#content,
#left,
#right {
max-height: 100%;
height: 100%;
}


Powinno działać, jak by co to wpisz w google css div height 100%

PS. Nie zapomnij wcisnąć że pomogłem haha.gif
rocktech.pl
Alternatywne rozwiązanie.

W skrócie.
  1. <script type="text/javascript">
  2. document.getElementById('lewy').style.height = document.getElementById('prawy').offsetHeight;
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.