IE6에서의 오류문제(카피라이터 하단에 따라다니는 현상)
바닐라
카피라이터가 하단에 따라다니게 하는 방법을 문의를 했었습니다.
알고보니 WRAP, FOOTER영역을 DIV로 나누고 FOOTER 높이만큼 -margin을 주는 방법이더군요.
이방법으로하니, IE7, FF에선 문제없이 잘 됩니다.
그러나, IE6에선 고정높이로 어느정도 늘어나선 더이상 줄어들지도 길게도 되질 않네요.
html, body {height:100%;}
#wrap { _height:100%; min-height:100%;}
#visual {height:163px;}
#content {min-height: 100%; overflow:hidden; margin:-163px 0-184px 0; padding:163px 0 184px 0; height:100%;}
*html #content {height:100%;}
#footer {height:184px;}
div id=wrap
div id=visual/div
div id=content/div/div
div id=footer/div
이런 구조이구요.
IE7, FF에선 문제없이 잘늘어나고 화면크기에 따라 컨텐츠높이에 따라 자유자재로 잘 늘어납니다.
그러나 IE6에서는 1900*1200모니터화면에서 그런건지 786px로 컨텐츠 높이가 고정이 되어서 더이상 늘어나지도 줄어들지도 않는 현상이 일어나네요. 무엇이 문제인건지 고수님들 답변 부탁드려요~^^
이거 해결못함 저 죽습니다..ㅜㅜ
-
키다리
해당블로그에서 * html body {height:100%;} 이부분은 html, body, wrap, content에 모두 적용을 해보았습니다. 그러나 안되네요..ㅜㅜ
-
꽃짱구
%인데 적을때 px로 잘못적은거같습니다.^^ min-height가 IE6에서는 안먹는다하더군요. 그럼 어떻게 해야하나요..ㅜㅜ
-
예다움
*html #content {height:100px;}
이부분을 100%로 함 바꿔보세여~^ㅡ^