[CSS] stopka do doły strony Opcje

[matyskiewicz]

Czy istnieje jakiś działający sposób rozciągnięcia stopki w taki sposób aby zawsze była rozciągnięta do dołu strony (nie dolepiona do końca, tylko rozciągnięta)?
W Googlu jest pełno tutoriali, ale żaden znaleziony nie jest funkcjonalny.

[mortus]

Sticky footer

[matyskiewicz]

nie dolepiona do końca, tylko rozciągnięta

[mortus]

Tak zrobiona stopka trzyma się dolnej krawędzi przeglądarki lub dołu strony, jeśli treść tej strony przekracza wysokość klienta przeglądarki. Jeśli stopka cały czas ma być tuż pod samą treścią, to w czym problem? Po prostu dajesz ją na końcu kodu HTML.

Ten post edytował mortus 7.06.2011, 11:16:00

[matyskiewicz]

Rzeczywista wysokość stopki to 40px.

[HTML] pobierz, plaintext 
footer{ height: 40px; }
[HTML] pobierz, plaintext 

mam rozdzielczość ekranu 2560 x 1440 wysokość strony to np:
- 1200px to stopka ma długość 240px;
- 1600px to stopka ma 40px;
- 800px to stopka ma 640px;

Nie zależy mi na przyklejeniu stopki do końca strony, zależy mi na rozciągnięciu do dołu strony

Ten post edytował matyskiewicz 7.06.2011, 11:44:03

[aeaeae]

[HTML] pobierz, plaintext 
<div id="p">
  <div id="tresc">tresc</div>
  <div id="stopka">stopka</div>  
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
html,body{height:100%;margin:0;padding:0}
#p{display:table;width:100%;height:100%;background-color:green}
#tresc{display:table-row;background-color:blue}
#stopka{display:table-row;min-height:40px;height:100%;background-color:red}
[CSS] pobierz, plaintext 

Działa pod FF i Chrome (nie pytaj mnie czemu ). Pod IE6 się sypie - trzeba popracować z min-height:40px;height:100% w stopce.