Vinzenz Mai: Spaltenbreiten via COL behagt sich mit TD-Paddings

Beitrag lesen

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