height pagina opvullen

[Example5]

beste...

ik heb in css de volgende code gemaakt:

* {
margin: 0 auto;
padding: 0 auto;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #212227;
	text-align: center; 
	color: #000000;
	background-image:url('bgshadow.png');
	background-repeat:repeat-y;
	background-position: center;
}

.slo #container  {
	position: relative; 
	width: 790px;  
	height: 100%;
	background: #323236;
	left: +1px;
}

.slo #header  {
	position: relative; 
	width: 100%;  
	height: 100px;
	background: #323236;
}

.slo #nav  {
	position: relative; 
	width: 100%;  
	height: 50px;
	background: #212227;
}

.slo #main  {
	position: relative; 
	width: 100%;  
	height: ??%;
	background: #323236;
}

de header, nav en main plaats ik tussen de div tags van de container. (dus deze 3 divs komen in de container).
ik wil graag dat de container 100% van de hoogte van het scherm opvult (zodat ik dus geen scrollbars op de pagina heb) maar ook geen vrije ruimte meer aan de onderkant.

het probleem is nu echter dan ik niet weet welke height ik voor de div 'main' moet kiezen om te zorgen dat de pagina precies 100% is opgevuld (want als ik 100% zet dan gaat ie een heel stuk lager dan de hoogte van het scherm)

de juist hoogte is dus eigenlijk: 100% -header -nav... maar hoe kan ik dit uittypen? de nav en header moet echter WEL hun vaste hoogtes in px houden (en die kan ik dus niet in % veranderen).

alvast bedankt!

 

[turbojohn]

Hoi 3747 (brandweernummer?),

Wat wil je precies bereiken?
Je site centreren, een plaatje centreren, tekst centreren?

Als je geen scrollbars wil hebben kun je toch gewoon

overflow: hidden;

tussen de .body-tags in je css-file zetten?

Je site op 100% zetten kun je doen door een .body { } bovenaan in je css-file te zetten en wel zo:

body { --> jouw gedeelte +
height: 100%;
overflow: hidden;
}

Leg even stap voor stap uit wat je wilt hebben of geef even de link naar je site, des te handiger:thumb:

 

[ErikBooy007]

Dit is inderdaad een lastig probleem waar ik ook wel eens mee geworsteld heb.

Tha Devil gaf mij toen een link die ik nu even voor je ga opzoeken. Momentje

[EDIT]
Hier is de link: http://www.xs4all.nl/~peterned/examples/csslayout1.html
[/EDIT]