2007. 9. 20. 09:34
IE7과 FF 등에서는 정상적이지만 IE6에서 position:fixed 속성의 정상적 구현이 안됩니다.
때문에 이 문제를 해결하기 위한 방법을 설명합니다.
IE에서만 적용되는 CSS와 overflow-y와 Position:absolute를 이용한 방법입니다.
body {width:100%;height:100%;overflow-y:auto;}/*IE6*/
#RSB {top:65px;left:50%;width:190px;height:auto;}
#RSB {position:absolute;}/*IE6*/
body > #RSB {position:fixed;}
overflow-y :
내용이 개체의 높이를 초과하면 어떻게 처리할 것인가를 나타내는 IE 전용 속성입니다.
overflow-x :
내용이 개체의 넓이를 초과하면 어떻게 처리할 것인가를 나타내는 IE 전용 속성입니다.
visible | 기본값, 내용을 모두 보여주고 window이나 frame에 따라 조절된다. |
scroll | 넘치는 부분에 스크롤 바가 생기도록 한다. |
hidden | 넘치는 부분을 보여주지 않는다. |
auto | 브라우저가 판단해서 보여줄 형식을 설정한다. |
위와 같은 방법으로 overflow-y 를 이용해서 높이 부분이 초과 할 때에 대한 설정을 한 후 position을 absolute로 정해줘서 해당 객체를 고정시키면 됩니다.