Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] Wysokość 100%, divy obok siebie
Forum PHP.pl > Forum > Przedszkole
Wieviór
Mam stronę, na której główna zawartość (news, menu, top, stopka) ma pewną wysokość, wszystko to znajduje się w divie zawartość, który ma height: auto;

Wszystko wygląda ładnie, wysokość się zgadza, jednak napisałem skrypt, który sprawdza rozdzielczość przeglądającego, i jeśli jego "szerokość z rozdzielczości' jest większa niż tej mojej zawartości (960px), to dodaje po prawej i po lewej paski, gradienty szare. Problem mam tylko taki, że nie mogę ustawić, żeby te gradienty były na 100% wysokości tego środkowego diva.

Zastanawiam się czy można zrobić coś takiego, że jeden div ma height: auto; a drugi po prostu jakby pobiera jego wysokość i sobie ją ustawia?
Fishu
Hmm... no można by zrobić coś takiego, żeby pobrać wysokość
  1. <script type='text/javascript'>
  2. var div = document.getElementById('div');
  3. var pasek = document.getElementById('pasek');
  4. var wysokosc = div.style.height;
  5. pasek.style.height = wysokosc;

Spróbuj z takim czymś, jak nie zadziała to pomyślimy tongue.gif
Wieviór
Poradziłem sobie pisząc taką funkcję:

Kod
function wysokosc()
    {
    var wysokosc = document.getElementById('zawartosc').offsetHeight;
    document.getElementById('pasek').style.height=+wysokosc+"px";
    }


offsetHeight nie jest co prawa ponoć zgodne z WC3, ale na chwilę obecną nie mam lepszego pomysłu...
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.