100% de hauteur sur une cellule de table imbriquée dans IE

Question

Je souhaite qu'une table imbriquée se développe jusqu'à la hauteur de la cellule englobante. Cela fonctionne comme prévu dans Firefox/Chrome/Safari, mais pas dans IE7 ou IE8. S'il vous plaît voir l'exemple ici:

http://www.bitmechanic.com/heightDemo.html

Le DOCTYPE est pertinent. Alors que la démo ci-dessus valide comme HTML 4.01 Strict, elle ne s'affiche pas correctement dans IE7. Si je supprime le DOCTYPE entièrement, ou le définissez à HTML 3.2, il rend correctement dans IE.

Des suggestions sur la façon d'obtenir ce rendu en 4.01 (strict ou lâche)? Le site web actuel est un peu plus compliqué - changer le DOCTYPE provoquera toutes sortes d'autres problèmes.

Nous avons du mal à comprendre le bug IE (présumé) ici et comment contourner ce problème.

Answer 1

Pas grand-chose que vous pouvez faire est IE qui est encore conduit mal aussi en version 7 et 8. Lire cette réponse: Table layout wrong in IE(7)

Vous avez deux solutions:

1. soit vous supprimez le DOCTYPE pour cette page avec le risque d'entrer dans beaucoup d'autres problèmes d'affichage,

2. ou vous devez utiliser Javascript pour obtenir la hauteur de la table et vous appliquer la hauteur des cellules en px à la même hauteur de la table.