Prosty szablon html Opcje

[Papub]

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.

[Szymciosek]

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

Kod

height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/

min-height:100%; /* real browsers */

zamienić na to:

Kod

height: 400px

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

[Papub]

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ę

Ten post edytował Papub 10.07.2012, 23:24:07

[Szymciosek]

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