Divs naast en daarna onder elkaar, rekening met de hoogte

#wrap {width: 820px; margin:0 auto; overflow:hidden; padding:10px; position:relative}
h3 {padding: 10px; cursor:pointer; background: #eee url("../images/state.gif") no-repeat 100% 5px; display:block; text-decoration:none; margin:0; margin-top:10px;}
.col260white { float:left; width:240px; margin-right:10px; background-color:white; padding:10px; border-radius: 10px; position: relative;}
.col260grey { float:left; width:240px; margin-right:10px; background-color:lightgrey; padding:10px; border-radius: 10px; position: relative;}
.col260blue { float:left; width:240px; margin-right:10px; background-color:#00BFFF; padding:10px; border-radius: 10px; position: relative; }
.clear { clear:both; }

#wrap {width: 820px; margin:0 auto; overflow:hidden; padding:10px; position:relative}
h3 {padding: 10px; cursor:pointer; background: #eee url("../images/state.gif") no-repeat 100% 5px; display:block; text-decoration:none; margin:0; margin-top:10px;}
.col260white { float:left; width:240px; margin-right:10px; background-color:white; padding:10px; border-radius: 10px; position: relative;}
.col260grey { float:left; width:240px; margin-right:10px; background-color:lightgrey; padding:10px; border-radius: 10px; position: relative;}
.col260blue { float:left; width:240px; margin-right:10px; background-color:#00BFFF; padding:10px; border-radius: 10px; position: relative; }
.clear { clear:both; }

<div id="wrap">
  	<h1>Bart Golsteijn 2012</h1>
<div class="col260white">
	<h2>Welkom</h2>Welkom op mijn website bart-golsteijn.nl. Op deze pagina vind je van allerhande informatie over mij; wie ik ben, wat ik doe en wat ik heb gedaan. Daarnaast heb ik ook een aantal items gepubliceerd die ikzelf interessant vind.</div>
  
<div class="col260blue">
	<h2>Over mezelf</h2>
	<p>Ik ben Bart Golsteijn, 27 jaar oud, en woon in Echt. Meer informatie vind je via de onderstaande links: </p>
	<p>- Wie ben ik?</p>
	<p>- Vrije tijd</p>
</div>  
    
<div class="col260grey">
	<h2>Curriculum Vitae</h2>
	<p>Momenteel werk ik als Business Analist bij APG. Hier ben ik in 2009 in dienst getreden, nadat ik eerst HEAO bedrijfskundige Informatie heb gestudeerd in Sittard en daarna de Master Information Management aan de Universiteit van Tilburg cum laude heb volbracht.</p>
	<p>- <a href="./cv.php" class="overflow1">Bekijk volledig CV</a></p>
</div>  
<div id="clear"></div>    
<div class="col260blue">
<h2>Mijn websites</h2>
Test 1234
</div>

<div id="wrap">
  	<h1>Bart Golsteijn 2012</h1>
<div class="col260white">
	<h2>Welkom</h2>Welkom op mijn website bart-golsteijn.nl. Op deze pagina vind je van allerhande informatie over mij; wie ik ben, wat ik doe en wat ik heb gedaan. Daarnaast heb ik ook een aantal items gepubliceerd die ikzelf interessant vind.</div>
 
<div class="col260blue">
	<h2>Over mezelf</h2>
	<p>Ik ben Bart Golsteijn, 27 jaar oud, en woon in Echt. Meer informatie vind je via de onderstaande links: </p>
	<p>- Wie ben ik?</p>
	<p>- Vrije tijd</p>
</div>  
 
<div class="col260grey">
	<h2>Curriculum Vitae</h2>
	<p>Momenteel werk ik als Business Analist bij APG. Hier ben ik in 2009 in dienst getreden, nadat ik eerst HEAO bedrijfskundige Informatie heb gestudeerd in Sittard en daarna de Master Information Management aan de Universiteit van Tilburg cum laude heb volbracht.</p>
	<p>- <a href="./cv.php" class="overflow1">Bekijk volledig CV</a></p>
</div>  
<div id="clear"></div>    
<div class="col260blue">
<h2>Mijn websites</h2>
Test 1234
</div>

#wrap {
  width: 820px; 
  margin: 0 auto; 
  overflow:hidden;
  padding:10px;
  position:relative
}

#wrap {
  width: 820px; 
  margin: 0 auto; 
  overflow:hidden;
  padding:10px;
  position:relative
}