Lass uns wieder zum normalen Ed zurückgehen.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left" VALIGN="middle">Ed</TD>
</TR>
</TABLE>
Ed

Damit es übersichtlich bleibt, entfernen wir mal alle Ausrichtungs-Tags. Wir wissen, was passiert, denn wir kennen die Standardwerte. Nebenbei gesagt, ein TAG sagt dem Browser, was er tun soll. Ein ATTRIBUTE steht im TAG und sagt dem Browser, wie er es machen soll.  

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed

Jetzt machen wir die Tabelle ein wenig grösser.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Ed

Eds Freund Tom ist wieder da und diesmal möchte er eine eigene Zelle.

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

Wenn wir keine Anweisungen geben, wird jede Zelle (nicht immer) eine andere Grösse haben. Es ist oft gut, die Grösse jeder Zelle festzulegen. Pass aber auf, das Du richtig rechnest, ansonsten sehen die Leute etwas ganz anders als Du gemeint hast! 

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=150>Ed</TD>
<TD WIDTH=150>Tom</TD>
</TR>
</TABLE>
Ed Tom

Diese Breiten- ( WIDTH) Attribute können auch prozentual angegeben werden.

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

 

FAQ: Ich habe meine Tabelle mit meinen Grössen angelegt, aber die Tabelle erscheint nicht richtig. Oder sie sieht im Browser A richtig aus, aber nicht im Browser B.

A: Wenn man dabei zu genau wird, wird es schwieriger. Oft stellen die Browser nicht exakt so dar, wie man sie erstellt hat. Eine gute Lösung für diese Problem ist, die Tabellen eher elastisch als statisch zu definieren. Dadurch halten sie die Dinge flexibler zusammen, anstatt sie in eine Form zu pressen. Gestalte Deine Tabellen so, dass kleine Unterschiede in den Browsern nicht Dein gewünschtes Endresultat zerstören.