Ячейка таблицы не охватывает правильно

Question

У меня проблемы с ячейкой таблицы, которая не охватывает правильно. Я использую jQuery, чтобы показать / скрыть строку таблицы, которая содержит форму, однако, когда я переключаю ее отображение, она работает неправильно.

Вы можете видеть, что я имею в виду здесь - http://development.dekken.co.uk/bni/training/

Если вы нажмете «подтвердить», форма будет переключена. Тем не менее, как вы увидите, он одновременно сдвигает расположение других строк и не заполняет строку должным образом.

---

UPDATE Кажется, что проблема не возникает в IE, только Safari и Firefox

Answer 1

Может показаться, что некоторые значения, которые вы используете для атрибута CSS «display», вызывают некоторые проблемы с макетом. «block» технически не подходит для «display» при игре со строками и ячейками - он изменяет режим рендеринга элемента на нечто, не основанное на таблице, а не просто заставляет его появляться; лучшие значения - "таблица-строка" и "таблица-ячейка".

Answer 2

Не знаю, связано ли это, но tr должно иметь display = "table-row", а не "block"