### 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 */