Spalten, und zwar fiese Kombination

[Rafael]

  
<div style="float:left; width: 30%; height: 100%; border: 1px solid #000000; padding: 2px; margin: 2px;">  
Spalte 1  
</div>  
<div style="float:left; width: 30%; height: 100%; border: 1px solid #000000; padding: 2px; margin: 2px;">  
Spalte 2  
</div>  
<div style="float:left; width: 30%; height: 100%; border: 0 none #000000; padding: 2px; margin: 2px;">  
<div style="width: 100%; height: 60%; border: 1px solid #000000; padding: 2px; margin: 2px;">  
Spalte 3  
</div>  
<div style="width: 100%; height: 40%; border: 1px solid #000000; padding: 2px; margin: 2px;">  
Spalte 4  
</div>  
</div>  

Ein wenig eleganter gelöst. ;-)