테이블 셀이 올바르게 스패닝되지 않음

Question

올바르게 스패닝되지 않는 테이블 셀에 문제가 있습니다. jQuery를 사용하여 양식이 포함 된 표 행을 표시하거나 숨기지 만 표시를 전환 할 때 올바르게 작동하지 않습니다.

당신은 내가 여기 무슨 뜻인지 볼 수 있습니다 - http://development.dekken.co.uk/bni/training/

당신이 '확인'을 클릭하면, 형태가 전환됩니다. 그러나 보시다시피 두 행은 다른 행의 레이아웃을 밀어 넣고 행을 채우지 않습니다.

---

UPDATE 이 보인다 문제의 문제는 IE 만 사파리와 파이어 폭스

에서 발생되지 않도록

Answer 1

이 관련이 있다면 그나마 알고 있지만 그럴 필요는 디스플레이 = "테이블 행을"해야한다,하지 "block"

Answer 2

CSS 속성 "display"에 사용하는 일부 값으로 인해 레이아웃 문제가 발생하는 것 같습니다. "블록"은 기술적으로 기술적으로 행과 셀을 가지고 놀 때 "디스플레이"에 적절한 값이 아닙니다. 요소의 렌더링 모드를 테이블 기반이 아닌 무언가로 바꿉니다. 더 나은 값은 "table-row"및 "table-cell"입니다.