#container wil niet naar 100% height

Door Onbekende gebruiker op 28-07-2006 17:58

394 views

Ik heb met div's een pagina opgezet. Maar het lukt niet om de container op de volle hoogte van de pagina te krijgen.

Testpagina

Hier is mijn css:


.logomenu {
	background: url(/nieuw/images/logo_australian_04.jpg) repeat-x scroll 0px 0px;
}
.menuutje {
	background: url(/nieuw/images/logo_australian_05.jpg) no-repeat scroll left top;
}
#container {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #00FF00;
	text-align: left;
	height: 100%;
}
#kop {
	background:  #99CDFF;
	margin: 0px;
	padding: 0px;
	height: 157px;
}
#menulinks {
	float: left;
	background: url(/nieuw/images/logo_australian_07.jpg) repeat-y scroll 0px 0px;
	padding: 0px;
	width: 206px;
	vertical-align: top;
	margin: 0px;
	height: 100%;
}
#menurechts {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
	background: #99CDFF;
}
#inhoud {
	padding: 0px;
	background: url(/nieuw/images/logo_australian_06.jpg) no-repeat scroll left top;
	margin: 0px 200px 0px 206px;
}
#footer {
	border: 1px solid #0000FF;
	padding: 0em;
	clear: both;
	margin-bottom: 0px;
}
body {
	background: #99CDFF 0px 0px;
}

En dit is de pagina:


<body>
<div id="container">

<div id="kop"><table width="100%" height="157" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#99CDFF">
	<tr>
		<td width="364" height="100" rowspan="2" align="left"><img src="/nieuw/images/logo_australian_01.jpg" width="364" height="157" /></td>
		<td height="100" align="left"><img src="/nieuw/images/logo_australian_02.jpg" width="536" height="100" /></td>
	</tr>
	<tr>
		<td height="57" align="left" class="logomenu"></td>
	</tr>
</table>
</div>
<div id="menulinks"><?php include("menu.php"); ?></div>
<div id="menurechts">Dit is het rechter menu</div>
<div id="inhoud">Dit is de inhoud</div>
<div id="footer">Dit is de footer</div>

</div>

</body>

html, body { height: 100%; } #container { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; } html>body #container { height: auto; }