Dopasowanie wysokości diva do rozdzielczości monitora

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
stefan09
Posty: 2
Rejestracja: sob mar 12, 2011 11:06 am

Dopasowanie wysokości diva do rozdzielczości monitora

Post autor: stefan09 »

Witam,

Obrazek
To jest dolny fragment strony wyświetlony na monitorze wyższym niż cała strona zajmuje, stąd to jasne tło na dole (to jest tło dla body). Co zrobić, aby ten div z treścią dopasował się do wysokości monitora tak, aby sięgał do samego dołu?

Wiem, że można zamienić tło dla body na to ciemniejsze, ale ja muszę rozciągnąć diva z treścią.

Dziękuję za pomoc i pozdrawiam.
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: Dopasowanie wysokości diva do rozdzielczości monitora

Post autor: darek_w »

Witam,
podaj kod do strony - bo moim zdaniem w Twoim przypadku może uda się to zrobić bez użycia javascript - jeśli jednak nie to:
aby dopasować wielkość div'a do wielkości okna przeglądarki:
1. pobrać wielkość okna:

Kod: Zaznacz cały

document.documentElement.clientWidth; // (dla IE) - szerokość
document.documentElement.clientHeight; //(dla IE) - wysokość

window.innerWidth //(dla innych przeglądarek niż IE) - szerokość
window.innerHeight // (dla innych przeglądarek niż IE) - wysokość
2. Ustawić otrzymane wartości dla div'a
3. Pamiętać o funkcji onresize();

Pozdrawiam
Darek
jamart
Nowy
Nowy
Posty: 23
Rejestracja: czw gru 16, 2010 2:10 pm

Re: Dopasowanie wysokości diva do rozdzielczości monitora

Post autor: jamart »

a nie prościej będzie tak w css?

Kod: Zaznacz cały

html, body, div#jakiesID {
    height: 100%;
}
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: Dopasowanie wysokości diva do rozdzielczości monitora

Post autor: darek_w »

jamart pisze:a nie prościej będzie tak w css?

Kod: Zaznacz cały

html, body, div#jakiesID {
    height: 100%;
}
Nie zawsze jest to najlepsze rozwiązanie - ale przypuszczam że w tym konkretnym przypadku rozwiązanie które podałeś będzie najlepsze i najprostsze - dlatego też poprosiłem o kod źródłowy.
Pozdrawiam
Darek
stefan09
Posty: 2
Rejestracja: sob mar 12, 2011 11:06 am

Re: Dopasowanie wysokości diva do rozdzielczości monitora

Post autor: stefan09 »

Dziękuję za odpowiedzi. Stwierdziłem, że nie ma potrzeby go rozciągać do końca, trzeba by za dużo kombinować.
ODPOWIEDZ