Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Footer zawsze na dole strony
Laran
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 1
Dołączył: 20.03.2013

Ostrzeżenie: (0%)
-----


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. }
Powód edycji: [Daiquiri]:
Go to the top of the page
+Quote Post
sajegib
post
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 59
Dołączył: 16.01.2013

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Szymciosek
post
Post #3





Grupa: Zarejestrowani
Postów: 1 168
Pomógł: 126
Dołączył: 5.02.2010
Skąd: Świdnica

Ostrzeżenie: (0%)
-----


Nie mówisz o fixed, to poczytaj o sticky footer.
Go to the top of the page
+Quote Post
Laran
post
Post #4





Grupa: Zarejestrowani
Postów: 25
Pomógł: 1
Dołączył: 20.03.2013

Ostrzeżenie: (0%)
-----


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. }
Powód edycji: [Daiquiri]:
Go to the top of the page
+Quote Post
Daiquiri
post
Post #5





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ




Laran, korzystaj z bbcode.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 03:22