Rowspan height sous IE [Résolu]

[Max-oo]

Bonjour,

J'essaie de définir une hauteur fixe pour un TD, mais ce TD est dans la meme ligne qu'une cellule avec un rowspan. Du coup, cette hauteur n'est pas prise en compte par IE, seulement par Firefox.

Voila a quoi le HTML ressemble:

[HTML]

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table>
     <tr id="first">
         <td class="left">A</td>
         <td rowspan="2" class="center">
              <div id="box">Lorem ipsum dolor sit amet...</div>
         </td>
         <td class="right"></td>
     </tr>
     <tr id="second">
         <td class="left"></td>
         <td class="right"></td>
     </tr>
</table>

------

[CSS]

Code :

1
2
3
4
5
6
7
tr#first td.left {
height:200px;
}
 
tr#first td.center div#box {
min-height:600px;
}

...


Et la cellule A prend quasiment toute la place! Elle ne tient pas compte du tout de height. Firefox me l'affiche correctement.

Qu'en pensez-vous?
Comme je n'ai pas trop le temps de m'attarder la-dessus, si je ne trouve rien rapidement, j'utiliserai une solution de rechange.

-> Mais si vous connaissez un moyen de stipuler une hauteur qu'IE comprenne, dans une table avec un rowspan, je suis prenneur...

[NoSmoking]

essaies peut être avec

Code :

1
2
3
4
5
6
7
8
9
tr#first td {
  height : 200px;
}
tr#first td.center{
  height : 600px;
}
tr#second td {
  height : 400px;
}

[Max-oo]

Merci pour la reponse!

Pour certaines raisons, j'ai du utiliser une autre méthode.
Mais je garde ca sous le coude pour la prochaine fois