Ich will mit HTML eine Tabelle erstellen, die 5x2 groß sein soll. Dabei sollen die Ecken und die äußeren Ränder 10px hoch und/oder breit sein.
Dafür habe ich diesen HTML-Code geschrieben:
HTML-Code:
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"> </td>
<td height="10"> </td>
<td width="10" height="10"> </td>
<td height="10"> </td>
<td width="10" height="10"> </td>
</tr>
<tr>
<td width="10" height="10"> </td>
<td height="10"> </td>
<td width="10" height="10"> </td>
<td height="10"> </td>
<td width="10" height="10"> </td>
</tr>
</table>
Dabei kommt jedoch das heraus:
Die Breite ist richtig, jedoch verändert sich die Höhe nicht, egal ob ich es nur im ersten <td> oder in <tr> einfüge. Auch der Versuch, beide mit "0%" Höhe zu setzen war erfolglos. Alle drei Varianten versagen hierbei. Nicht mal style="height: 10px;" hilft.
Als Testbrowser habe ich die neueste Version von Firefox und IE7 benutzt. Beide zeigen dasselbe Ergebnis.
Komischerweise funktioniert es aber, wenn ich als Höhe 100 statt 10 Pixel angebe. Wie kann ich die Höhe auf 10 Pixel oder niedriger bekommen?