grafisches fenster aus 9 teilen mit CSS

[Bigmek]

ahhhhh ich werde gleich verrückt.
ich bekomme es nicht hin.

css ist und bleibt für mich ein mysterium

ich möchte eine seite mit folgendem layout erstellen

in jedem bereich (topBanner, topBar, sideBar, ...)
soll eine box angezeigt werden.

ausehen soll das ganze so

browser
o-----o------------------------------o-----o
|     |          TopBanner           |     |
|     |                              |     |
|     o------------------------------o     |
|     |            topBar            |     |
|     o--------o---------------------o     |
|     |sidebar |  mainbar            |     |
|     |        |                     |     |
|     |        |                     |     |
|     |        |                     |     |
|     |        |                     |     |
|     |        |                     |     |
|     |        |                     |     |
|     o--------o                     |     |
|     |                              |     |
|     |                              |     |
|     |                              |     |
|     |                              |     |
|     |                              |     |
|     o--------o---------------------o     |
|     |          bottomBar           |     |
|     o------------------------------o     |
|     |          bottomBanner        |     |
|     |                              |     |
o-----o------------------------------o-----o

und in wirklichkeit schauts so aus
website

irgendwie zerstören die boxen mein layout.
ich kommm nicht drauf, im schlimmsten fall muss ich wieder zu meinem tabellen layout wechseln wenn ichs so nicht hinbekomme