----index.php----
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header" id="header"> Hier komt de bovenkant van de pagina.</div>
<div class="navi" id="navi">Hier komt het menu. </div>
<div class="kern" id="kern">Hier komt de kern van de pagina.</div>
<div class="onder" id="onder">Hier komt de onderkant van de pagina.</div>
</body>
</html>
----style.css----
.header {
width: 100%;
height: 10%;
background-color: #812317;
overflow: auto;
}
.navi {
width: 20%;
height: 80%;
background-color: #123141;
overflow: auto;
}
.kern {
width: 80%;
height: 80%;
background-color: #342342;
overflow: auto;
}
.onder {
width: 100%;
height: 10%;
background-color: #745726;
overflow: auto;
}Het is de bedoeling dat de indeling ongeveer zo wordt:
_____________________________
| |
|___________KOP_____________|
| | |
|_MENU_|BODY_______________|
| |
|___________FOOTER___________|
EDIT:
en let ook niet op de overflow, dat weet ik, pas ik zelf nog wel aan :)
