이 팁은 태터툴즈에서 BGM 플레이어 등을 연동할 경우 생기는 가로 스크롤바 문제를 해결하는 데 쥐약이다.
IE에서 frame안에 표준 DTD 문서를 사용할 때 생기는 스크롤바 제거
IE에서 표준 DTD를 사용한 문서를 frame 에서 사용할 경우 의도하지 않게 가로 스크롤이 생기고, absolute position 으로 위치된 엘리먼트 들이 스크롤바 위로 올라오는 등의 버그를 볼 수 있다. Quirks mode 에서는 발생하지 않는 현상으로 볼 때, 캔버스가 <body>에서 <html>로 옮겨가는 것에 따른 버그로 추측된다. 아래와 같이 <html>의 overflow 속성을 조정하여 해결할 수 있다.
아래 소스를 skin.html 내의 <head>태그 안에 넣어주면 된다.
<!--[if ie]>
<style type="text/css">
html {
overflow: scroll;
overflow-x: auto;
}
</style>
<![endif]-->
IE에서만 인식이 될 수 있도록 conditional comment 를 사용한다.
출처:
http://hyeonseok.com/pmwiki/index.php/Markup/Frame
