CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 123
0
조회 수 : 6384 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
IE6에서 fixed 적용하는 간단한 방법입니다.
이미 IE6에서 fixed 적용하는 팁이 많이 나오긴 했습니다.
1. CSS핵을 이용한 방법 (http:///19522)
2. 스크립트로 이용하는 방법(http://www.doxdesk.com/file/software/js/fixed.js)
<script type="text/javascript" src="fixed.js"></script>
CSS핵만으로 fixed 적용하는 방법은 복잡한 문서에서는 레이아웃이 깨지는 경우도 있을수 있고, 유지보수간에 position으로 인한 여러가지 문제점이 있을수 있습니다.
여러 방법을 구사해봤지만, 아래방법이 제일 간단한거 같아서 올려봅니다.
.fixed_box {
position:fixed;
top:40%;
left:40%;
z-index:999;
width:322px;
}
* html .fixed_box {
position:absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
position:fixed;
top:40%;
left:40%;
z-index:999;
width:322px;
}
* html .fixed_box {
position:absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
스타핵으로 IE6에 position:absolute; 로 바꿔 주고, top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); 를 삽입하시면 됩니다.
높이가 맞지 않을시에는 * html .fixed_box에 margin 으로 조정하시면 됩니다.
나머지는 디자인에 맞게 꾸며만 주시면 됩니다.
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
첫번째 댓글을 남겨주세요!
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기