La cellule du tableau ne s'étend pas correctement

Question

J'ai des problèmes avec une cellule de tableau qui ne s'étend pas correctement. J'utilise jQuery pour montrer/cacher une ligne d'une table qui contient un formulaire, cependant, quand je bascule l'affichage de celui-ci, il ne fonctionne pas correctement.

Vous pouvez voir ce que je veux dire ici - http://development.dekken.co.uk/bni/training/

Si vous cliquez sur « confirmer », la forme est basculée. Cependant, comme vous le verrez, cela met à la fois hors de propos la disposition des autres lignes ET ne remplit pas la ligne comme il se doit.

---

MISE À JOUR Il semble que le problème en question ne se produit pas dans IE, que Safari et Firefox

Answer 1

ne sais pas si elle est liée, mais tr doit avoir display = "table-row", non "block"

Answer 2

Il semblerait que certaines des valeurs que vous utilisez pour l'attribut CSS "display" provoquent certains problèmes de mise en page. "block" n'est techniquement pas une valeur appropriée pour "display" en jouant avec des lignes et des cellules - il change le mode de rendu de l'élément en quelque chose qui n'est pas basé sur une table, plutôt que de le faire apparaître; les meilleures valeurs sont "table-row" et "table-cell".