Witam,

Mamy taki problem na początek kod html:

[HTML] pobierz, plaintext 
 
<div id="container">
   <div id="header">Nagłówek</div>
		<div id="middle">
 
			Tresc....
 
		</div>
   <div id="footer">Stopka</div>
</div>
 
[HTML] pobierz, plaintext 

css do niego:

html, body {margin:0;padding:0;height:100%;}

#container {min-height:100%;position:relative;}
#header {background:#fbb5b8;padding:100px;}
#middle {padding:10px;padding-bottom:60px; /* Wysokość nagłówka */}
#footer {position:absolute;bottom:0;width:100%;height:200px;background:#b5fbbd; /* Wysokość nagłówka */}

Chcę osiągnąć coś takiego żeby stopka była zawsze u dołu dopasowywała się do rozdzielczość ekranu. I tak powyższy kod działa lecz jak zrobić gdy w diva middle czyli treść wstawię dodatkowego diva w który wyjdzie po za widzialność ekranu ? żeby odpychało automatycznie stopkę w dół. Bo teraz gdy wyjdzie po za to chowa się pod stopkę natomiast sam tekst bez dodatkowych divow ja odpycha ?
Mam nadzieje ze mój problem jest w miarę jasny. Proszę o szybką pomoc

Pozdrawiam

np tak
?
jsfiddle

dokładnie tak dzięki