3 Column Layout

by grassed

HTML

<div id="wrapper">
    <div id="col1">Column 1</div>
    <div id="col2">Column 2</div>
    <div id="col3">Column 3</div>
</div>

CSS

#wrapper { border: 2px solid red;overflow:hidden; }
#col1 { width: 20%; float:left;}
#col2 { width: 50%; float:left;}
#col3 { width: 30%; float:left;}