&lt;head>
&lt;title>Example&lt;/title>
&lt;style>
* {
    margin:0;
}

body {
        text-align:center;
}

#wrapper {
    margin:auto;
    width:800px;
}

#header {
    height:100px;
    background:#99CC66;
}

#footer {
    height:100px;
    background:#339933;
}

#body_left {
    float:left;
    width:100px;
    height:600px;
    background:#FF9900;
}
#body_right {
    float:right;
    width:100px;
    height:600px;
    background:#FF0000;
}

#body_main {
    float:left;
    width:600px;
    height:600px;
    background:#99CCFF;
}

.vide {
    clear:both;
}
&lt;/style>
&lt;/head>

&lt;body>
&lt;div id="wrapper">
    &lt;div id="header">header&lt;/div>
    
    &lt;div id="body">
        &lt;div id="body_left">body_left&lt;/div>
        &lt;div id="body_main">body_main&lt;/div>
        &lt;div id="body_right">body_right&lt;/div>
         &lt;div class="vide">&lt;/div>
    &lt;/div>
    
    &lt;div id="footer">footer&lt;/div>
&lt;/div>
&lt;/body>
&lt;/html>

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}