Tabellen in DIV Tags ausrichten

Mit "DIV-Tags können Sie Elemente positionieren. Ausrichten können Sie damit alle HTML-Elemente wie Bilder, Tabellen, Links und Textabsätze.

 

 

Diese Tabelle liegt hinter der anderen.
Diese Tabelle überschneidet sich mit der anderen.

So kann man einfach Elemente ausrichten.

 












Hier der Quellcode:

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 75px">
<TABLE WIDTH="500" cellpadding="0" cellspacing="0" BORDER="1" bgcolor="lime">
<TR>
<TD HEIGHT="200" vALIGN="top">Diese Tabelle liegt hinter der anderen.
</TD>
</TR>
</TABLE>
</DIV>

<DIV style="LEFT: 200px; POSITION: absolute; TOP: 170px">
<TABLE bgcolor="royalblue" WIDTH="200" cellpadding="0" cellspacing="0" BORDER="1">
<TR>
<TD HEIGHT="130" vALIGN="top">Diese Tabelle überschneidet sich mit der anderen.<BR>
<BR>So kann man einfach Elemente ausrichten.
</TD>
</TR>
</TABLE>
</DIV>