Hoe maak ik een 2 kolommen layout in Css?

Ik adviseer in dit geval tables te gebruiken ipv divs

html, body {
height: 100%;
list-style:none;
background-color: #fff;
font: normal 100% Arial, Helvetica, Verdana, Geneva, sans-serif
}
body, #wrapper {
height: auto;
}
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
#content{
width: 800px;
height: 1000px;
left: 135px;
position: relative;
font-family: Arial;
line-height: normal;
background-color: #FFFFFF;
}
#col-left{
float:right;
width:500px;
height:auto;
margin:5px 5px 25px 5px;
}
#col-right{
float:right;
width:300px;
height:auto;
margin:5px 5px 25px 5px;
}

In je html doe je dit dan als volgt.

Hier je header.

Hier je tekst.

Hier je tekst.

Succes