ds2k5: Float auf 2Reihen

guten Abend an alle,

ich habe meine Layouts bisher immer mithilfe von tabellen gemacht, nun habe ich das CSS-Layouts Kapitel gelesen und wollte es gleich mal ausprobieren, aber leider bin ich auf folgendes Problem gestoßen:
Ich will ein dreispaltiges layout, klappt auch super bis auf die Tatsache dass wenn ich jetzt z.b. 2 Div's links/rechts haben will die so hoch sind wie ein Div in der Mitte, die unteren Div's links & rechts unter dem Div in der Mitte verschoben werden

Sieht dann etwa so aus:
 __  ______  __
|  ||      ||  |
|__||      ||__|
    |      |
    |      |
 __ |______| __
|  |        |  |
|__|        |__|

statt:

__  ______  __
|  ||      ||  |
|__||      ||__|
 __ |      | __
|  ||      ||  |
|__||______||__|

Code:
   <div class="leftTop"></div> <- float: left
   <div class="rightTop"></div> <- float: right
   <div class="content"></div>
   <div class="leftBottom"></div> <- float: left
   <div class="rightBottom"></div> <- float: right

kann mir einer sagen wie man es nun machen kann dass es richtig funktioniert?

danke im vorraus :)

  1. Jeweils die zwei linken und rechten DIVS in ein DIV stecken

    1. Jeweils die zwei linken und rechten DIVS in ein DIV stecken

      ok danke, das dachte ich mir schon, habe gehofft es gibt eine "sauberere" Lösung

      1. was ist da nicht sauber?