Nadine: Umstrukturierung eines Tabellen-Layouts nach DIV

Beitrag lesen

Hallo!

Wie wandle ich dieses simple Layout komplett nach DIV um?

<table>

<tr><td colspan=3 height=50>Logo</td></tr>

<tr>
<td width=150 height=300>Menü</td>
<td width=300>Content</td>
<td width=150>Menü</td>
</tr>

<tr><td colspan=3 height=50>Copyright</td></tr>

</table>

Die einzelenen Container sind ja klar:

<div id=logo style=position:relative;width:600px;height:50px>Logo</div>

<div id=menulinks style=position:relative;width:150px;height:300px>Menü</div>

<div id=content style=position:relative;width:300px;height:300px>Content</div>

<div id=menurechts style=position:relative;width:150px;height:300px>Menü</div>

<div id=copyright style=position:relative;width:600px;height:50px>Copyright</div>

Allerdings WIE werden die jetzt richtig positionert?

Wenn ich die hinschreibe wie oben, dann werden die ja lediglich untereinander positioniert.

Die Ausrichtung sollte wenn möglich nicht "absolute" am Browserrand sein, sondern eher anhand vom #logo-Container oder so.

Wer weiß einen Tipp?

Danke,
Nadine