Hallo dirkounet
Also mein Layout soll ungefähr wie Deines aussehen. Habs tabellenfrei geschrieben. Funzt auf allen Browsern ausser auf diesem verdammten Internetexplorer. Habe Spacer mit 2 Pixeln Höhe definiert, die werden aber mit ca. 20 Px angezeigt. Die breite liegt bei 760Px bei mir. Drei Boxen, die in der Summe 760 ergeben werden falsch dargestellt (entspräche Deiner Box 4, die bei mir rechts unter Box 7 geklebt wird,da sich IE wohl verrechnet.
Wenn ich mir diesen Wunschzettel anschaue, kann ich meine Empfehlungen nur wiederholen: Benutz Tabellen!
Deine Vorstellungen lassen sich nicht umsetzten. Benutze CSS so wie es vorliegt aber versuch nicht etwas draus zu machen was es nciht bietet.
Hier mein Layout:
+-----------------+
| 1 |
+-----------------+
+---+---------+---+
| | | |
| 2 | 3 | 4 |
| | | |
+---+---------+---+
| 5 | 6 | 7 |
+---+---------+---+
Schau, du hast eine fixe Seite (geht schonmal nicht, da du kein Seitemaß definieren kannst) auf das legst du ein Raster (geht ebenfalls nicht) in dem sich dann deine Bereich befinden (das geht).
Das was du dir umsetzten möchterst läßt sich schon mit einem Textverarbeitungprogramm nur mit halbwegs Kenntniss (ich persönlich könnte es nicht) umsetzten und dort hast du wesentlich mehr Möglichkeiten für ein ein solches Layout.
verabschiede dich von dem Design oder benutz tabellen. Für deine und die Nerven deiner Besucher.
Struppi.
Falls du wirklich mal was mit CSS machen willst:
Eine sehr gute Einführung:
http://www.jendryschik.de/wsdev/einfuehrung/
Interessante Techniken:
http://css.maxdesign.com.au/listamatic/
http://www.glish.com/css/home.asp
Artikel, die dir Design für's Internet näher bringen können:
http://www.woodshed.de/index.html
http://www.kommdesign.de/