Hoe maak ik een 2 kolommen layout in Css?

Ik wil een 2-kolommen layout maken,
in het div: content.
De content-div is te herkennen aan het witte vlak.
Dit is de content div:
width: 800px;
height: 1000px;
left: 135px;
position: relative;
font-family: Arial;
line-height: normal;
background-color: #FFFFFF;

Ik heb 2 afbeeldingen bijgevoegd, het plaatje met de gecentreerde tekst is de huidige, ik wil het zoals ik in het andere plaatje heb gedaan.

Heeft iemand een idee hoe ik dit het beste kan doen?

Weet jij het antwoord?

/2500

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

Stel zelf een vraag

Ben je op zoek naar het antwoord op die ene vraag die je misschien al tijden achtervolgt?

/100