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

[CSS] IE6 position:fixed 적용하기

2007.09.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로 정해줘서 해당 객체를 고정시키면 됩니다.
베레쿤 2008.01.13 04:48 E / R
우워 position: fixed 대체를 할수 있기는 하군요..
그런데 제 우둔한 머리로는 이해못하고 갑니다 (..)
위즈 2008.01.14 09:46 E
프로그램에서 불가능한건 없죠^^
얼마나 효과적으로 구현하느냐가 관견 이라고 생각죄네요.
조금 해보시면 이해가 되실 거예요^^
Name : Password : Blog : ( )

위즈군의 라이프로그

Category

전체 (569)
개발 (0)
정보 (0)
일상 (0)
정리중 (569)
Total:2,190,233
Today:10 / Yesterday:31
Powered by Tistory / Skin by 위즈 / Copyright Click Here 라이센스정책 rss 2.0