Layout-Umsetzung table -> css

[wahsaga]

hi,

Vielleicht kann mir jemand helfen wie man dieses layout korrekt in css umsetzt.

Zuerst mal zeichnest du die Inhalte in HTML korrekt aus.

<table height=100% width=100%>
<tr><td colspan=2 bgcolor=gray>
titel<br>
titel2
</td></tr>

Hier haben wir also wohl zwei Überschriften - nutze h1 bis h6.

<tr height=100%;><td width=150px bgcolor=yellow>
links
</td><td bgcolor=red>
<div style="width:100%;height:100%;background:purple;overflow:scroll;">rechts scrollbar
[...]
</div>
</td></tr>

Hier sollen zwei Bereiche nebeneinander zu stehen kommen - also solltest du wohl einen davon floaten lassen.

Bei den Höhenangaben wäre erst mal zu klären, auf was sie sich beziehen sollen.

<tr><td colspan=2 bgcolor=gray>
unten<br>
unten2<br>
unten3

Das könnte ein einfacher Textabsatz P sein (oder mehrere).

Weitere Infos findest du hier:
SELFHTML: Einführung in CSS-basierte Layouts
SELFHTML: Mehrspaltige CSS-basierte Layouts
SELFHTML Weblog: Grundlagen für Spaltenlayout mit CSS

gruß,
wahsaga