Layout-Umsetzung table -> css

[Thaylon]

Hallo,

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

<table height=100% width=100%>
<tr><td colspan=2 bgcolor=gray>
titel<br>
titel2
</td></tr>
<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
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</td></tr>
<tr><td colspan=2 bgcolor=gray>
unten<br>
unten2<br>
unten3
</td></tr>
</table>