Witam,
główkuję, kombinuję i nie mogę uzyskać oczekiwanego efektu. Chcę zrobić 3 divy

[HTML] pobierz, plaintext 
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
[HTML] pobierz, plaintext 

pierwszy i trzeci mają 200 pikseli wysokości a środkowy ma height: auto, overflow: hidden. Założenie jest takie że div 1 jest zawsze do góry a div 3 zawsze na dole strony. Jeżeli zrobię position absolute i dla diva 3 to mimo przyrostu zawartości w divie 2 nadal będzie w tym samym miejscu.

http://peterned.home.xs4all.nl/examples/csslayout1.html

Takie coś znalazłem, wystarczy chwilę pogrzebać, usunąć zawartość z div content z html, oraz w css:
to


zamienić na to:


U mnie to działa jakoś w sumie i chyba o to Ci chodziło ?

uhh przykład jest super przyjacielu. KOmbinuje dalej bo w tym przykładzie jest tak

[HTML] pobierz, plaintext 
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
[HTML] pobierz, plaintext 

j mam

[HTML] pobierz, plaintext 
<div id="all">
<div id="header"></div>
<div id="content"></div>
</div>
<div id="down"></div>
[HTML] pobierz, plaintext 

a ja mam stopkę która ma szerkość 100% więc nie mogę jej wsadzić do diva all. W moim przypadku div all ma margin: 0 auto żeby stronę wyśrodkowało a down mam poza all i na całą szerokość strony. Czyli musze walczyć z tym ale dziękuje za przykład może coś z nim zrobię

http://css-tricks.com/snippets/css/sticky-footer/ zobacz tutaj, footer jest osobno, a cała zawartość jest też osobna.