Difference between r1.4 and the current
@@ -1,20 +1,20 @@
#title IE6에서 레이어 고정시키기 핵 (FixedLayerHack for IE6)
* 출처 : [http://blog.eloitcube.co.kr/53 IE6에서 레이어 고정시키기 핵]
블로그 왼쪽이나 오른쪽에 둥둥 떠다닐 레이어를 만들어 내기 위해서 사용
== 사용 방법 ==
html { _overflow:hidden;}
body{ _height:100%; _width:100%; _overflow:auto;}
#aside { position:fixed; _position:absolute; _z-index:-1; left:650px; top:20px; width:100px; height:300px; padding:10px; background:#dddddd;}
}}}
<h2>Example</h2>
</div>
#keywords HTML, IE6, layer, hack,
#keywords HTML, IE6, Layer, Hack,
[[목차]]
== ?? ==* 출처 : [http://blog.eloitcube.co.kr/53 IE6에서 레이어 고정시키기 핵]
블로그 왼쪽이나 오른쪽에 둥둥 떠다닐 레이어를 만들어 내기 위해서 사용
== 사용 방법 ==
1. 블로그에 활용하기 위해서 우선 다음의 code를 '''style.css'''의 아무 위치에 삽입한다. 이 때 #aside의 속성값을 블로그에 맞게 수정해 준다. [[BR]] {{{
1. 블로그에 활용하기 위해서 우선 다음의 code를 '''style.css'''의 아무 위치에 삽입한다. 이 때 #aside의 속성값을 블로그에 맞게 수정해 준다. [[BR]] {{{#!plain css
* { margin:0; padding:0;}html { _overflow:hidden;}
body{ _height:100%; _width:100%; _overflow:auto;}
#aside { position:fixed; _position:absolute; _z-index:-1; left:650px; top:20px; width:100px; height:300px; padding:10px; background:#dddddd;}
}}}
1. 다음의 code를 '''</body>'''앞에 넣는다. 이 때 div 태그 내용은 알아서 수정한다. [[BR]] {{{
1. 다음의 code를 '''</body>'''앞에 넣는다. 이 때 div 태그 내용은 알아서 수정한다. [[BR]] {{{#!plain css
<div id="aside"><h2>Example</h2>
</div>
1. ?? ¶
- 출처 : IE6에서 레이어 고정시키기 핵
2. 사용 방법 ¶
- 블로그에 활용하기 위해서 우선 다음의 code를 style.css의 아무 위치에 삽입한다. 이 때 #aside의 속성값을 블로그에 맞게 수정해 준다.
* { margin:0; padding:0;} html { _overflow:hidden;} body{ _height:100%; _width:100%; _overflow:auto;} #aside { position:fixed; _position:absolute; _z-index:-1; left:650px; top:20px; width:100px; height:300px; padding:10px; background:#dddddd;}
- 다음의 code를 </body>앞에 넣는다. 이 때 div 태그 내용은 알아서 수정한다.
<div id="aside"> <h2>Example</h2> </div>
- 예시 화면