DIV 100 % 높이가 IE에서 고려되지 않음

Question

테이블을 사용하는 이전 레이아웃이 있고 TD 전체 공간을 사용하려면 DIV를 만들어야합니다. CSS는 Firefox에서 잘 작동하지만 IE는 전체 창으로 100 % 높이를 해석하고 페이지의 다른 요소가 있는지 고려하지 않습니다.

동작하는 예제

이 바이올린에서 볼 수있다 : http://jsfiddle.net/micahSan/JeA6m/이

파이어 폭스가 남아있어하지만 IE는 전체 페이지의 100 %로 표시되는 내용의 100 % 높이로 DIV를 볼 수 있습니다.

IE를 Firefox와 어떻게 일치시킬 수 있습니까?

미리 조언 해 주셔서 감사합니다. 그래서 ...

Answer 1

나도 몰라 거세한 숫양이 더 청소기 솔루션을 존재하지만 IE와 나는 여전히 사람이 여전히 IE에 대한 분리 CSS 스타일을 만들어야합니다 IE를 사용하는 이유는 많은 사람들이 이해하지 못하는 :-(문제가 여전히 여기로하자. 문제가 IE 내가 생각 <TABLE>에 <TD>의 height을 존중하지 않는다는 것입니다. 그래서이 임시 솔루션을 개발,

#big_cell { 
    height:100%; 
    height: 45% !important; 

} 

그래서이 height: 45% !important은 IE가 해킹되어 당신의 CSS 파일이 추가가 될 것입니다 IE에서만 작동합니다.

---

또는 대신에 이러한 문제의 당신이 spacer를 사용할 수 있기 때문에 height 속성을 사용하여의. 예를 들어 투명한 작은 사진으로 원하는 높이를 설정할 수 있습니다.