IE의 테이블 셀 내 절대 위치 지정

Question

Internet Explorer의 테이블 셀 내부에서 절대 위치 지정에 문제가 있습니다 (특히 9이지만 <에도 문제가 있음). 나는 테이블 셀 안의 div가 전체 셀을 차지하도록하고있다.

div { 
    position: absolute; 
    top:0; 
    bottom:0; 
    right:0; 
    left:0; 
} 

td { 
    position: relative; 
} 

그러나 어떤 이유로

는, IE는 완전히 다르게 동작 : 그것은 사용하는 크롬/FF/사파리에서 꽤 쉬웠다. div를 테이블 셀을 기반으로하는 동적 인 높이를 제공하지 못합니다. Here's 내가 말하는 것에 대한 예가 나와 있습니다. 그것은 내가 크롬/ff/safari에서 필요로하는 방식으로 작동하지만 IE에서는 깨졌습니다. IE에서 같은 방식으로 작동하도록 할 수있는 방법이 있습니까? 감사!

Answer 1

모든 방향으로 요소를 배치하는 대신에 두 개만 사용하고 대신 div의 크기를 사용하는 것이 좋습니다.

좋아 : 그것은 파이어 폭스에서 나를 위해 작동하지 않습니다

div { 
    position: absolute; 
    top:0; 
    bottom:0; 
    width: 100%; 
    height: 100% 
} 

td { 
    position: relative; 
    width: 400px; 
    height: 400px; 
}