프레임셋 사용시 가로 스크롤바 나타나는 현상

프레임셋(frameset)을 사용한 웹사이트에서

IE6에서 원인을 알 수 없는 가로스크롤바가 나타날 때가 있습니다.


분명 콘텐츠는 가로로 넘칠 일이 없는데 가로스크롤바가 나타난다면 이렇게 해보세요.




첫번째 방법.

IE용 conditional comments 사용하기


이 방법은 신현석님의 블로그에도 소개가 되어있습니다.


<!--[if ie]>
<style type="text/css">
html {
    overflow: scroll;
    overflow-x: auto;
}
</style>
<![endif]-->



frame 엘리먼트가 불러오는 페이지들이 dtd가 선언되어 올바른 doctype을 가지고 있을때

IE6에서 가로스크롤바가 나타납니다.

doctype을 지우면 가로스크롤바가 사라지지만 이 방법은 결코 권장하지 않습니다.


이때 해결 방법으로는 위의 코드를 frameset 태그가 사용된 페이지에 넣는 것이 아닌

frameset의 frame 엘리먼트가 불러오는 각 페이지들에 삽입하여야 합니다.

불러오는 페이지가 많아도 페이지마다 위의 코드를 삽입해야 합니다.





두번째 방법.

frame에 scrolling="yes" 속성 추가하기



<frame src="index.html" frameborder="0" scrolling="yes">


이 방법은 아주 간단합니다.

frameset이 사용된 페이지에서

콘텐츠를 불러오는 frame 엘리먼트에 scrolling="yes" 속성을 추가해주시면 됩니다.





[추가 2010.6.10] frame에 scrolling="yes" 속성을 추가하는 방법을 사용하면

특정 상황에서 IE에서 창크기를 줄였을때 스크롤바 위로 콘텐츠가 올라오는 현상이 나타납니다.

따라서 첫번째 방법을 사용하시길 권장합니다.