Hallo,
td {
padding: 20px;
border: 1px solid black;
}
> ~~~
> ~~~html
<table>
> <colgroup>
> <col style="width: 100px;"/>
> <col style="width: 100px;"/>
> <col style="width: 100px;"/>
> </colgroup>
> <tr>
> <td>1</td>
> <td>2</td>
> <td>3</td>
> </tr>
> </table>
Das Resultat ist eine unterschiedliche effektive Spaltenbreite.
Wie bekomm' ich das unter ein Dach?
Mit
[ref:self812;css/eigenschaften/tabellen.htm#table_layout@title=table-layout]: fixed
;
das Gernot bereits angesprochen hat, und einer Breitenangabe für die Tabelle bekommt man browserübergreifend sehr zuverlässige Spaltenbreiten. Wie sagt die Spezifikation so schön:
<zitat>
User agents may use any algorithm they wish to do so, and are free to
prefer rendering speed over precision, except when the "fixed layout
algorithm" is selected.
</zitat>
Freundliche Grüße
Vinzenz