### A SIMPLE # COLLUMN TEMPLATE YOU COULD USE, CSS AT THE BOTTOM ########
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl">
<head>
<meta charset="UTF-8" />
<link type="text/css" rel="stylesheet" href="css/style-min.css" />
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
<!--- Aeternus @ forums.devshed -->
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>this is the header</h1>
</div><!-- end header -->
<div id="middle">
<div id="mid-left">
<ul class="menu">
<li>
<a href="#">link</a>
</li>
<li>
<a href="#">link</a>
</li>
<li>
<a href="#">link</a>
</li>
</ul>
</div><!-- end mid-left -->
<div id="mid-mid">
<h2>this is the main page</h2>
<p>some text here</p>
</div><!-- end mid-mid -->
<div id="mid-right">
<p>some stuff here</p>
</div><!-- end mid-right -->
</div><!-- end middle -->
<div id="footer">
<h3>this is the footer</h3>
</div>
</div><!-- end wrapper -->
</body>
</html>




############### HERUNDER THE CSS, mainly structure of the template ###############
/* you might want to place a reset.css above this */
/* just make sure you style elements like h1-5 and paragraphs after that */
/* ## structure ## */
body,html,h1,h2,h3,h4{margin:0;padding:0;} /*resetting the very basics*/
h1,h2,h3,h4,p{padding:10px;} /* all stuff inside a paragraf or h-element is geven the same space */
#wrapper{
width:960px;
overflow:hidden; /* this is to give it 'layout' google it! */
margin: 0 auto; /* this is to center the stuff */
}
#header, #footer{
height:120px;
background:#95deff;
clear:both;
}
#middle{
background: #fff;
overflow:hidden; /* this is to give it 'layout' google it! before you mis use it */
}
#mid-left, #mid-mid, #mid-right{ /* here we set some stuff the all have in common */
float:left;
min-height:400px;
}
#mid-left, #mid-right{
width:150px;
background:#333;
}
#mid-mid{
width:600px;
margin:0 30px; /* 600 + (30*2) + (150*2) = 960 */
}
/* simple styling below */