Colspan/rowspan dans <table> => affichage différent avec IE.

Bonjour,

J'ai une page qui contient uniquement le tableau suivant:

<table cellspacing="2" cellpadding="2 sous IE sinon 0" border="0" width="100%" height="100%">
<tbody>
  <tr>
    <td colspan="2" rowspan="2"></td>
    <td colspan="2" rowspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</tbody>
</table>

Avec FF2, FF3, FF3.5, dernière build de chromium j'obtiens ca:
http://camtrace.nerim.net/tmpdir/mosaic_ok.png

Avec IE (7/8) j'obtiens ca:
http://camtrace.nerim.net/tmpdir/mosaic_ie.png

Le problème est que j'aimerais que sous IE il ne change pas le rapport entre les lignes comme il le fait. J'aimerais que la hauteur de la ligne 1 soit égale à la hauteur de la ligne 2 + 3.

Quelqu'un sait-il pourquoi IE fait cela ?

Cordialement
Modifié par Switch (15 Sep 2009 - 14:31)

C'est bon j'ai trouvé.

Sous IE il faut ajouter à la balise <table> le style "table-layout:fixed" et ajouter une hauteur à chaque balise <tr>.