Wer hätte das gedacht, aber eine Konstruktion wie diese muss im Browser nicht unbedingt funktionieren:
<table width="100%" border="0" cellspacing="5" cellpadding="5"> <tr> <th scope="col"> </th> <th scope="col">Titel A</th> <th scope="col">Titel B</th> </tr> <tr> <td id="spezialzelle" rowspan="2">Spezialzelle</td> <td>Zelle 1</td> <td>Zelle 2</td> </tr> <tr> <td>Zelle 3</td> <td>Zelle 4</td> </tr> </table>
Es kann passieren, dass der Browser die Anweisung rowspan=”2″ einfach ignoriert. Und zwar deswegen, weil die Zelle eine CSS-id erhalten hat.
Ausweg: teilen Sie der Zelle anstelle der id ein class-Attribut zu.
<td class="spezialzelle" rowspan="2">...</td>
Oder stecken Sie ein div mit der id ins Zelleninnere:
<td rowspan="2"><div id="spezialzelle">...</div></td>