www.WebTips.pl: Wysokość strony 100% - www.WebTips.pl

Skocz do zawartości


Strona 1 z 1

Wysokość strony 100%

#1 Użytkownik nie jest zalogowany   FunkYoSelf 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 58
  • Rejestracja 22 sie 06
  • MiejscowośćKoszalin

Napisano 19 marzec 2010 - 15:50

Co zrobić żeby strona zawsze sięgałą do samego dołu? Próbowałem już:
margin-bottom: 0px;

i
height: 100%;

0


Strona 1 z 1

Odpowiedzi do tego tematu

#2 Użytkownik nie jest zalogowany   Session 

  • Bywalec
  • PipPip
  • Grupa Użytkownik
  • Postów 239
  • Rejestracja 23 lut 09
  • MiejscowośćTarnów

Napisano 19 marzec 2010 - 15:59

Dodaj style CSS:
html, body{
min-height: 100%;
}


Wynika to ze struktury DOM dokumentu. Rodzic musi mieć większą (lub równą) wysokość od dziecka.
Jeśli używasz dodatkowego elementu (u Ciebie jest to container), w którym znajduje się strona również musi posiadać: min-height:100%;. Jeśli chcesz żeby strona była zawsze do samego dołu (ale nie większa !) to wszędzie zmień min-height na samo height. min-height powoduje, że strona będzie mogła był większa jeśli dojdzie do przepełnienia.

Jeśli interesujesz się wspieraniem IE 6 to w specjalnych dla niego stylach możesz umieścić kod w którym wszystkie min-height zamieniasz na height, gdyż IE 6 rozumie height tak samo jak inne przeglądarki min-height.
No i po co to czytasz ?
Pomocy na PW i GG nie... a zresztą kto by chciał mojej pomocy... ;)

Dołączona grafika
Dołączona grafika
1

#3 Użytkownik nie jest zalogowany   FunkYoSelf 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 58
  • Rejestracja 22 sie 06
  • MiejscowośćKoszalin

Napisano 19 marzec 2010 - 16:29

Działą, tylko co teraz zrobić żeby stopka była zawsze na dole strony nawet jak jej długość jest większa niż 100% okna?
0

#4 Użytkownik nie jest zalogowany   Session 

  • Bywalec
  • PipPip
  • Grupa Użytkownik
  • Postów 239
  • Rejestracja 23 lut 09
  • MiejscowośćTarnów

Napisano 19 marzec 2010 - 16:35

Może spróbuj tak:
position: relative;
height:x;
margin-top:-x;
clear:both;
Jako x podajesz wysokość stopki. W tym przypadku stopka też obowiązkowo w body. Nie może być zagnieżdżona w żaden inny element
No i po co to czytasz ?
Pomocy na PW i GG nie... a zresztą kto by chciał mojej pomocy... ;)

Dołączona grafika
Dołączona grafika
1

#5 Użytkownik nie jest zalogowany   FunkYoSelf 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 58
  • Rejestracja 22 sie 06
  • MiejscowośćKoszalin

Napisano 19 marzec 2010 - 17:44

Wielkie dzięki działa!
0

Strona 1 z 1


Szybka odpowiedź

  

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych