위즈군의 라이프로그
Reboot... Search /

[CSS] IE6 position:fixed 적용하기

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로 정해줘서 해당 객체를 고정시키면 됩니다.
Category&Tag : [정리중/C# & .NET & Web]
위즈군의 라이프로그

Category

전체 (564)
개발 (0)
일반정보 (0)
IT 일반 (1)
일상&사진 (0)
정리중 (563)

Recent Entry

    Recent Comments

      Recent Trackbacks

        Tags

        Links

          Total:
          Today: / Yesterday:
          Powered by Tistory / Skin by 위즈 라이센스정책 rss 2.0