hayo: IE6 baut mehrzeil. Spalten-Header 1 Pixel zu breit (mit Lösung)

Beitrag lesen

Ich hatte eine zweizeilige Tabellenüberschrift, in der einige Spalten in der ersten Zeile per colspan überspannt werden. Beispielcode findet Ihr unten.
Die überspannten Spalten mussten zunächst mit <col span="... gebaut werden, sonst werden sie im IE6 mit unterschiedlichen Breiten erzeugt.
Aber auch dann waren die Spalten 1 Pixel breiter als eine entsprechend definierte Tabelle (ohne Überspannung).
Hinweis: Blöderweise tritt der beschriebene Fehler mit meinem verkürzten Beispiel gar nicht auf, aber ich habe die zusätzliche Nebenbedingung dafür nicht ausfindig machen können.
Wie man im Falle des Falles die Spaltenbreite nur für den IE6 korrigieren kann, habe ich nichtsdestotrotz im Beispielcode für die Nachwelt dokumentiert, nur dass jetzt natürlich eine "Fehlkorrektur" erfolgt.
Der Trick besteht in dem abwegigen style="w\idth:79px!". Das Ausrufezeichen kapieren die Mozilla-Derivate nicht, der Rückschräge (:= Backslash) soll IE-Versionen >6 ausschließen.

  
<table border="1" width="900">  
    <colgroup>  
        <col width="40" />  
        <col width="120" />  
        <col width="160" />  
        <col width="160" />  
        <!-- strange style is a IE6 workaround for header width -->  
        <col span="3" width="80" style="w\idth:79px!" />  
        <col />  
    </colgroup>  
    <tr>  
        <th rowspan="2">W.</th>  
        <th rowspan="2">Document</th>  
        <th rowspan="2">View</th>  
        <th rowspan="2">Status</th>  
        <th colspan="4">Fleets</th>  
    </tr>  
    <tr>  
        <th>Erste Spalte</th>  
        <th>Zweite Spalte</th>  
        <th>Dritte Spalte</th>  
        <th>&nbsp;</th>  
    </tr>  
</table>  
<table border="1" width="900">  
    <colgroup>  
        <col width="40" />  
        <col width="120" />  
        <col width="160" />  
        <col width="160" />  
        <col span="3" width="80" />  
        <col />  
    </colgroup>  
    <tr>  
        <td>A</th>  
        <th>B</th>  
        <th>C</th>  
        <th>D</th>  
        <th>Erster Wert</th>  
        <th>Zweiter Wert</th>  
        <th>Dritter Wert</th>  
        <th>&nbsp;</th>  
    </tr>  
</table>  

Zur Erläuterung: Die zweite Tabelle ist in der vollständigen Anwendung scrollfähig ausgebaut. Vorschläge die Tabellen zusammenzufassen, sind daher nicht zielführend.