답글 : CSS 를 이용하여 ‘따라다니는 배너’ 만들기.

정찬명가 만듬

정찬명 — Mon, 07 May 2012 02:54:53 +0000

@김태희
fixed 속성은 좌표 기준점이 항상 body가 됩니다. 따라서 fixed로는 불가능 할 것 같구요. 그렇다고 absolute를 사용하면 콘텐츠 옆에 붙여둔다 해도 스크롤 할 때 화면 밖으로 사라져 버리겠네요. 아마도 원하는 UI는 CSS만으로는 불가능하지 않을까 생각해요.

김태희가 만듬

김태희 — Sat, 05 May 2012 06:02:36 +0000

따라 다니면서 블록 속성 옆에 항상 붙어 있게 하려면 CSS로는 가능한가요?
제 블로그 사이드 바를 CSS만으로 컨텐츠 옆에 붙여 놓고 싶은데요..

앱솔루트를 쓰면 브라우저 크기에 따라서 위치가 변하니 잘 모르겠습니다…

익명가 만듬

익명 — Thu, 03 May 2012 11:32:50 +0000

이렇게 간단한 소스가 있다니 ㅠㅡㅠ 감동입니다.
유용하게 잘 쓰겠습니다.

초보가 만듬

초보 — Tue, 14 Feb 2012 04:16:07 +0000

CSS를 이렇게 사용하니 가운데 정렬시에도 적용되는 것 같습니다.
정말 많은 도움이 되었습니다. 감사합니다^^

#quickLink { position:fixed; _position:absolute; left:50%; top:160px; width:100px; height:300px;margin-left: 495px}

웹입문가 만듬

웹입문 — Wed, 28 Dec 2011 15:56:52 +0000

와 이거 대박이네요.
처음 알았습니다. 이렇게 만든다는 사실을요.

[jQuery] 구글 안내 메세지 흉내낸 함수가 만듬

[jQuery] 구글 안내 메세지 흉내낸 함수 — Thu, 23 Jun 2011 18:22:19 +0000

[...] ie6에서는 이 css가 작동하지 않는다. 그래서 _position: absolute; 를 넣었다.(디자인과 IE6를 대하는 관점 보기) ie6에서는 absolute로 화면에 고정될 [...]

붕어가 만듬

붕어 — Fri, 20 Aug 2010 05:02:47 +0000

^_^ css 갓 입문하려는 학생인데 정말 간단한 몇줄로 되네요! 감사합니다!

정찬명가 만듬

정찬명 — Thu, 25 Mar 2010 08:32:06 +0000

@유리블랙
저는 이거 잘 사용하지 않지만. ㅎㅎ 감사합니다. ^^

유리블랙가 만듬

유리블랙 — Thu, 25 Mar 2010 00:28:11 +0000

우왕ㅋ_ㅋ 역시 찾는게 다 있네요!

어디서 소스를 주웠는데.. position:fixed; 말고 _position:absolute; 도 있더라구요.
top:0;가 있는데도 _top:-1px; 도 있고…
그래서 도대체 _xxxx가 뭔가 하고 _top 검색하니까.. ㅋㅋ 이게 핵이였군요!
n모 검색 사이트에서 ㅋㅋ top _top 검색하니까 top&top 이런것만 나오고 – -….

그 주웠던 소스 보니까…
var wrap_div = document.getElementById(‘wrap’);
var content_div = document.getElementById(‘contentArea’);
var fixed_layer = document.getElementById(‘floatArea’);
var chk_ie6 = navigator.appVersion.substring(25,22);
로 정의해서 풀어가는 소스도 같이 있던데.. 저거 지우고 CSS만 가지고도 잘 되네요.
호환때문에 그런건가…..
걍 html 파일 받아서, 어디서 받았는지 기억은 잘 안나는데,, 그분도 나라디쟈인 소스 참조했다고 했던 것 같은데… 어쨌든 우왕 ㅋ_ㅋ 굳 ㅋ_ㅋ 블로그ㅋㅋ

정찬명가 만듬

정찬명 — Wed, 07 Oct 2009 17:57:38 +0000

오현님 때문에 제가 건성으로 답변한게 들통난것 같네요. ㅎㅎㅎ. 감사합니다. IE6도 유사한 방법으로 가능할 것 같은데요.