Da das ganze so verbreitet ist, dachte ich mal ich präsentiere euch mal eine Alternative.
Faux-columns: ohne Grafik bzw. Background-image. Bei einem Flüssigen Layout. Ja, es funktioniert sogar im IE6
HTML
<!DOCTYPE html>
<html>
<head>
<title>3x Gleichhohe Spalten - ohne Tabelle - Beispiel</title>
<style>
body { width: 100%; margin: 0;}
#right { background: red; width: 100%; }
#middle { background: yellow; width: 66%; }
#left { background: blue; width: 50%; overflow: visible; }
* html #left { overflow: hidden; } /* IE6 Fix */
#content_wrapper { width: 303%; }
#content_left { position: relative; float: left; width: 33%; }
#content_middle { position: relative; float: left; width: 33%; }
#content_right { position: relative; float: left; width: 34%; }
.clear { clear: both; }
</style>
</head>
<body>
<div id="right">
<div id="middle">
<div id="left">
<div id="content_wrapper">
<div id="content_left">
<p>Lorem ipsum</p>
</div>
<div id="content_middle">
<p>Lorem<br /><br />ipsum</p>
</div>
<div id="content_right">
<p>Lorem<br />ipsum</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</body>
</html>
Alles anzeigen