tableau buggé avec IE

[da capo]

Certes, ce n'est pas une question ultra importante, mais encore une fois IE pose des soucis.

En bref, je n'arrive pas à produire un bout de code permettant d'afficher ce type de tableau avec IE7.

Les pièces jointes montrent le rendu "normal" ou avec IE7.

Les versions récentes de Safari et Firefox ne posent pas de souci.

Le code utilisé est celui-ci :

<table>
<tr>
<td rowspan="2">X</td>
<td>X</td>
<td>X</td>
<td rowspan="2">X</td>
</tr>
<tr>
<td rowspan="2">X</td>
<td rowspan="2">X</td>
</tr>
<tr>
<td>X</td>
<td>X</td>
</tr>
<tr>
<td>X</td>
<td>X</td>
<td>X</td>
<td>X</td>
</tr>
</table>

Pour info, avec ou sans style le bug existe toujours.

Quelqu'un saurait contourner le problème ?
Merci.

 

[Anonyme]

J'avoue que je suis un peu paumé devant ton code… :hein: Certaines lignes ont 4 cellules, d'autres 2 et certaines cellules sont fusionnées verticalement. Je ne vois pas trop ce que tu as voulu faire.

Les tableaux sur openweb

 

[da capo]

Rien qui ne soit décrit aussi sur openweb, pourtant

Si tu regarde le premier tableau en pièce jointe, il comporterait sans l'attribut rowspan 4 lignes et 4 cellules.

Or comme le rowspan occupe 2 cellules verticalement sur la première ligne, il ne faut plus définir que 2 cellules (td) pour la deuxième ligne.
Ces deux cellules comportent elles aussi un attribut rowspan qui leur fait occuper deux cellules sur la troisième ligne.
Cette troisième ligne n'a plus besoin que d'être complétées par les 2 cellules "simples"
Enfin, la quatrième ligne n'utilise pas rowspan ni colspan donc les cellules seront au nombre de 4.

C'est le principe présenté par openweb vers le milieu de la page. En voilà un extrait :

<tr>
     <th rowspan="2">Tristan Nitot</th>
     <td colspan="2">Introduction à l'accessibilité</td>
     <td></td>
    </tr>
    <tr>
     <td colspan="3">Interview de Chantal Laplanche, Responsable
	Accessibilité Web au Ministère de la Culture</td>
    </tr>

Dans les versions récentes de firefox, chrome et safari le tableau respecte le code.
Dans IE7, les rowspan en quinconce ne sont pas respectés : il en résulte qu'une ligne disparait de l'affichage et on distingue un petit décalage dans les bordures.

Voilà, j'espère avoir été plus clair.