PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
S

Simpel probleem css hoogte?

Door S van Lussel op 30-12-2007 18:25
603 views
Hallo,

Ik wil een container div die gecentreerd is op de webpagina van 900px breed en over de hoogte van de hele webpagina. Ook al heeft de div geen inhoud. Ik kwam tot het volgende:


<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
div#container {
width: 900px;
margin: auto auto 0;
border: 1px solid #000;
}
</style>
</head><body>
<div id="container"></div>
</body>


Maar hoe kan ik nou de hoogte bepalen? Als ik een bepaalde hoogte neem in px dan verschilt dat per resolutie en per browser wat de hele hoogte van de pagina neemt en height:100% pakt ie ook niet dus hoe kan ik het wel doen?

Met vriendelijke groet,
Stijn
Joren de Wit
30-12-2007 18:43
Zowel de html, body als #container een height van 100% geven. Op deze manier dus:

<html>
<head>
<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
#container {
	width: 900px;
	height: 100%;
	margin: 0px auto;
	background-color: #cf9;
}
</style>
</head>

<body>
<div id="container"></div>
</body>
</html>
Joren de Wit
30-12-2007 19:01
Je hebt gelijk. ;-)

Heb ik ooit al eens gezegd dat ik een hekel heb aan IE?
Jan Koehoorn
30-12-2007 19:09
Ja, wie niet ;-) Helaas surft de helft nog met IE6.
S
S van Lussel
30-12-2007 19:36
En hoe krijg ik dan een div footer onderaan in zo'n container?
Jan Koehoorn
30-12-2007 20:23
@ Thomas: komt nog wel ;-)
W
Wouter K
30-12-2007 21:24
Idd , :) alluwel maakte ik nu even daarnet een nieuw framework dus met borders en die klopte direct in IE :p dus congrats ie
Jan Koehoorn
30-12-2007 21:29
IE7 gaat vaak goed; IE6 levert meestal de problemen op.

Reageren

Inloggen om te reageren