CSS - 100% av fönstret

Hej hur får jag lättast en sida att uppta hela fönstret?

Min nuvarande html struktur är typ

Det jag har gjort nu är att sätta height:100% på html, body, page, sidebar och content. Men det blir ju inte riktigt rätt eftersom content och sidebar egentligen inte ska uppta hela fönstret vilket de gör nu.

Det jag vill egentligen är att page upptar hela fönstret, header och footer upptar så mycket plats av page som de behöver sidebar och content upptar resten.


sidan
http://jsfiddle.net/YrFAg/1/

Hmm, antar att du i så fall vill att footer och header ligger kvar när man scrollar (om det skulle behövas)?

In that case, sätt position:fixed på header och footer. Sedan top:0 på header och bottom:0 på footer. Sen kan content och sidebar vara 100%, men du sätter en padding på wrappern som är lika hög som header och footer. Detta för att motverka att content och sidebar har information som inte syns bakom header och footer.

Tack, det skulle ge ett väldigt liknande resultat. Tyvärr så är det en skoluppgift och det är viktigt att scrollbaren bara sitter på contet delen av fönstret, då scrollas ju inte sidebaren heller.

några andra förslag ?