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.

Sticky footer

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.

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

[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.