Konrad: Verflixte Tabellen per colspan

Beitrag lesen

Hallo,

folgender Code soll die Anordnung der Zellen zueinander verändern -- klappt auch ganz gut, aber *nur*, wenn man die vierte Dummy-Spalte anhängt (ansonsten gehen die colspan-Angaben verloren). Problem daran: diese Spalte ist sichrbar und stört. Wie bekomme ich sie unsichtbar (display: none zerstört die Anordnung der colspans wieder)?

Codebeispiel: http://page.mi.fu-berlin.de/~krudolph/test.html

\\ <html>
    <head>
        <title>Foo</title>
        <style type="text/css">
            th { background: green; }
            td[rowspan] { background: red; }
            td.invis { visibility: collapse; width: 0; overflow: hidden; }
        </style>
    </head>

<body>
        <table border="1">
            <body>
                <tr>
                    <th rowspan="3">t1</th>
                    <td>t2</td>
                    <td>t3</td>
                    <td class="invis">&nbsp;</td>
                </tr>
                <tr>
                    <td>t4</td>
                    <td rowspan="2">t5</td>
                    <td class="invis">&nbsp;</td>
                </tr>
                <tr>
                    <td rowspan="2">t6</td>
                    <td class="invis">&nbsp;</td>
                </tr>
                <tr>
                    <th>t7</th>
                    <td>t8</td>
                    <td class="invis">&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td class="invis">&nbsp;</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
///