CSS 테이블 셀 채우기 파이어 폭스의 남아있는 공간

Question

전체 크기가 & 인 테이블을 얻었습니다. 절대적인 레이아웃이 대부분 팝업 안에 표시되어 크기가 고정되어 있지 않기 때문입니다. 내 테이블에는 행이 4 개 있습니다 : header, body, footer. 머리글 & 바닥 글은 고정 크기이고 body 부분은 융통성이 있으므로 테이블에 남아있는 공간을 채우도록 확장됩니다.

크롬에서는 정상적으로 작동하지만 파이어 폭스에서는 비참하게 실패합니다. 내 예가 여기에 있습니다. http://jsfiddle.net/pdFSh/5/

예, #absolute div가 필요합니다.

Answer 1

나는 테이블의 모든 tr 요소 (tr # top 규칙 바로 전에)에 100 % 높이를 추가했으며 firefox에서이 문제를 해결했습니다. 과 같이 :

table tr { height: 100%; } 

예 :

http://jsfiddle.net/pdFSh/6/