Lass uns Ed eine grössere Zelle geben , da er seit Anfang an hier ist.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=80%>Ed</TD>
<TD WIDTH=20%>Tom</TD>
</TR>
</TABLE>
Ed Tom

Jetzt ist Rick wieder da und möchte natürlich auch seine eigene Zelle. Wir müssen entscheiden, wieviel Platz wir ihm geben. Ich denke, 20% sind fair. Du musst auch Eds Zelle anpassen.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=60%>Ed</TD>
<TD WIDTH=20%>Tom</TD>
<TD WIDTH=20%>Rick</TD>
</TR>
</TABLE>
Ed Tom Rick

Drei Typen von der anderen Strassenseite sehen, was hier passiert und wollen auch in Deiner Tabelle sein. Ich denke, wir geben ihnen eine neue Zeile.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>

<TR>
<TD WIDTH=60%>Ed</TD>
<TD WIDTH=20%>Tom</TD>
<TD WIDTH=20%>Rick</TD>
</TR>

<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Moe</TD>
</TR>

</TABLE>
Ed Tom Rick
Larry Curly Moe

Die Weiten- ( WIDTH) Attribute der ersten Zeile werden in die zweite Zeile übernommen.


Wenn Moe geht, haben wir immer noch eine perfekte Tabelle, sie hat nur einen leeren Fleck.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>

<TR>
<TD WIDTH=60%>Ed</TD>
<TD WIDTH=20%>Tom</TD>
<TD WIDTH=20%>Rick</TD>
</TR>

<TR>
<TD>Larry</TD>
<TD>Curly</TD>
</TR>

</TABLE>
Ed Tom Rick
Larry Curly

Was wir jetzt machen können, damit der Browser nicht raten muss, ist, die leere Zelle drin zu lassen und ein Leerzeichen (&nbsp;) hineinzuschreiben. Für eine einfache Tabelle ist dies nicht unbedingt notwendig, wenn aber Deine Tabellen umfangreicher werden, hast Du weniger Arbeit, wenn der Browser weniger rechnen muss.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75 >

<TR>
<TD WIDTH=60%>Ed</TD>
<TD WIDTH=20%>Tom</TD>
<TD WIDTH=20%>Rick</TD>
</TR>

<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>&nbsp;</TD>
</TR>

</TABLE>
Ed Tom Rick
Larry Curly  

Lass und Moe wieder reinschreiben und alle Attribute ausser  dem Rand (BORDER) entfernen.

<TABLE BORDER=3>

<TR>
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>

<TR>
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Moe</TD>
</TR>

</TABLE>
Ed Tom Rick
Larry Curly Moe