Layout-Umsetzung table -> css

[Struppi]

ich komme bei meinen versuchen einfach nicht weiter. Vielleicht kann mir jemand helfen wie man dieses layout korrekt in css umsetzt. Danke.

Ein Grundproblem ist: Es gibt keine Spalten in CSS - es gibt Möglichkeiten diese zu simulieren, besser wäre es aber dein Layout auf die Möglichkeiten die dir CSS bietet auszurichten und nicht auf die Möglichkeiten die dir Tabellen bieten.

<tr><td colspan=2 bgcolor=gray>
titel<br>
titel2
</td></tr>

Diese Reihe kannst du einfach ersetzen:

<h2> Titel2 </h2>

und das CSS:
h2
{
background-color: gray;
}

<tr height=100%;><td width=150px bgcolor=yellow>
links
</td><td bgcolor=red>

Da fängt es an, es gibt keine voneinander abhängige Spalten, wie in einer Tabelle. Es gibt diverse Möglichkeiten (soweit ich weiß sind auch hier im selfhtml CSS Kapitel Vorschläge), aber wie gesagt, besser ist es nicht in Spalten zu Layouten/denken, sondern in Kästchen (Boxen).

Dann ist es einfach zwei Bereiche nebeneinander zu legen, das geht mittles float

Struppi.