Dat zal waarschijnlijk te maken hebben met het doctype dat je wel of niet in je document toepast.
Link gekopieerd
gooi even de w3c validator er overheen, die zal waarschijnlijk wel weten waarom het verkeerd gaat.
Link gekopieerd
Je zult body en html ook een height van 100% moeten geven als je daarbinnen elementen wilt tonen met 100% height, maar ik zou het gebruik van een iframe hier heel erg afraden, toon gewoon de content in je <div>.
Link gekopieerd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
html {
height: 100%;
}
body {
height: 100%;
background-image: url(login.jpg);
font: 80% verdana, arial, helvetica, sans-serif;
}
.frame {
margin-top: 50%;
background-color: #e8e8e8;
margin: 0 auto;
text-align: left;
border: 2px solid #a5a5a5;
}
#sidebar {
float: left;
padding-top:9px;
padding-left:5px;
min-width: 200px;
}
#content {
height: 100%;
margin: 0px 10px 0px 218px;
padding: 9px;
}
#left {
float: left;
width: 190px;
}
#container {
height: 100%;
}
</style>
</head>
<body>
<div id="container">
<div id="left">
<div id="sidebar" class="frame">
<ul>
<li><b>Hoofdmenu:</b></li>
<li><a href="index.php" target="_content">Home</a></li>
<li><a href="index.php?page=top40" target="_content">Top40</a></li>
<li><a href="index.php?page=mb" target="_content">Meest bekeeken</a></li>
<li><a href="index.php?page=pagina2" target="_content">Pagina4</a></li>
<li><a href="index.php?page=pagina1" target="_content">Pagina5</a></li>
</ul>
</div>
</div>
<div id="content" class="frame">
<iframe frameborder="0" name="content" width="100%" height="100%" src="http://www.nibosoft.nl/">
</iframe>
</div>
</div>
</body>
</html>
Link gekopieerd
