Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Footer zawsze na dole strony
Forum PHP.pl > Forum > Przedszkole
Laran
Witam.

Jak zrobić by div footera był zawsze na dole strony, nie zależnie od wysokości poprzednich div'ów (nie mówię o "przyczepieniu" diva wartością position: fixed).

Taki nie zadziałało:

  1. * {
  2. margin: 0;
  3. padding: 0;
  4. border: 0;
  5. }
  6. html, body {
  7. height: 100%;
  8. }
  9. #footer {
  10. width: 100%;
  11. height: 30px;
  12. bottom: 0px;
  13. }
sajegib
możesz np. nie określać height i ustawić tego diva na samym dole w kodzie HTML - wtedy sam znajdzie się na dole strony i będize nie zależny od diva nad nim
Szymciosek
Nie mówisz o fixed, to poczytaj o sticky footer.
Laran
Cytat(Szymciosek @ 28.04.2013, 14:39:55 ) *
Nie mówisz o fixed, to poczytaj o sticky footer.


Dzięki.

Tak na przyszłość, można to zrobić tak:

  1. html {
  2. position: relative;
  3. min-height: 100%;
  4. }
  5. body {
  6. margin: 0 0 65px; /* Margin dolny musi być równy wysokości footera - w tym przypadku 65px */
  7. }
  8. #footer{
  9. left: 0;
  10. bottom: 0px;
  11. height: 65px;
  12. position: absolute;
  13. }
Daiquiri
Laran, korzystaj z bbcode.
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.