HTML 코딩을 하다보면 어쩔 수 없이 CSS Hack을 사용해야 만 하는 경우가 있다.
저질 IE6만 특별하게 왕따를 시키거나, FF만 특별대우를 해주거나, 혹은 IE6, IE7, FF 각개격파를 하거나..
일반적으로 비중이 높은것이 IE6왕따시키기, FF 특별대우 해 주기 인데
이것들을 Hack하는 방법은 여러가지가 있겠지만 아주 간단한 Hack 한가씩만 공개(?)를 한다.
먼저 IE6(저질)만 왕따시키기 방법은
IE6만 왕따시키는 방법을 알았으니 이제 FF를 특별대우 하는 방법도 알아보자.
이 두개의 Hack만 있으면 일반적인 상황은 거진 다 해결된다.
ps. IE6 저질...!
저질 IE6만 특별하게 왕따를 시키거나, FF만 특별대우를 해주거나, 혹은 IE6, IE7, FF 각개격파를 하거나..
일반적으로 비중이 높은것이 IE6왕따시키기, FF 특별대우 해 주기 인데
이것들을 Hack하는 방법은 여러가지가 있겠지만 아주 간단한 Hack 한가씩만 공개(?)를 한다.
먼저 IE6(저질)만 왕따시키기 방법은
- IE6에만 적용시킬 CSS를 쓰고
- IE7, FF에 적용시킬 CSS는 style name을 쓰고 한 칸 공백을 준 후 /**/(주석) style value를 적어주는 방법이다.
- 여기서 중요한것은 순서인데 IE6 CSS를 먼저 쓴 후 IE7, FF CSS를 적는것이다.
순서를 바꿔서 IE7, FF CSS을 먼저 적었다면 IE7, FF는 자기들을 위해 마련된 CSS를 적용한 후 IE6 CSS도 적용하면서 덮어씌워지기 때문이다.
padding:0px; /* Only IE6 */
padding /**/:5px; /* IE7, FF */
padding /**/:5px; /* IE7, FF */
IE6만 왕따시키는 방법을 알았으니 이제 FF를 특별대우 하는 방법도 알아보자.
- FF CSS를 적고
- IE형제들에게 적용시킬 CSS는 style name 앞에 *(곱하기)를 붙인다.
- 이것 역시 순서가 중요한데 FF용이 먼저 쓰고 IE형제들이 나중에 쓴다. 이유 또한 마찬가지다.
(IE형제를 먼저 썻다고 가정할 경우)IE형제가 자기들용 CSS를 읽고 다시 FF용 style을 읽으면서 덮어씌워지기 때문이다.
padding:0px; /* For FF */
*padding:5px; /* IE brothers */
*padding:5px; /* IE brothers */
이 두개의 Hack만 있으면 일반적인 상황은 거진 다 해결된다.
ps. IE6 저질...!
'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글
| mac profile (0) | 2008/01/31 |
|---|---|
| table 에서 overflow:hidden 하기 (0) | 2008/01/24 |
| 애용하는 CSS Hack 2가지. (4) | 2008/01/23 |
| IE7 Debugger (0) | 2008/01/15 |
| CSS visibility vs display (0) | 2008/01/03 |
| IE에서 fieldset bgcolor줄 경우 bgcolor가 legend까지 넘어가는 문제 (0) | 2007/12/28 |
댓글을 달아 주세요
오오!~ 이렇게도 가능 하군요 전 이때까지 주석이 있는건 보기 편하라고 한걸중 알았는되 쿨럭ㅡㅡ;; 저런기능이 별도로 있었다니 이런 OTN;;;;
2008/01/24 11:15 [ ADDR : EDIT/ DEL : REPLY ]염치 없지만 해당 자료 스크랩을 해가되 괜찬을련 지요 ^^;;;
물런이죠
2008/01/24 12:46 [ ADDR : EDIT/ DEL ]엄밀히 말하면 IE6 만 왕따시키는게 아니라 IE6 과 IE7, FF 를 구분시키기.
FF 와 IE6, IE7 구분시키기 이죠
퍼갑니다..
2008/04/28 15:56 [ ADDR : EDIT/ DEL : REPLY ]저도 퍼갈께요 감사^^
2008/09/30 12:17 [ ADDR : EDIT/ DEL : REPLY ]