즉, 버그많은 IE6의 버그들을 집중적으로 잡아낼수있는, IE6 용 CSS핵만 소개할까 합니다. :)
급하게 정리해서, 오류가 있을 수 있으니 브라우져버전이 잘못된것이나, 잘못설명된 것이 있으면 알려주세요.
스타핵 (* html 을 이용)
별표문자인 전체 선택자를 html 타입 선택자 앞에 오도록 해서 다른브라우져에서 적용되지 않지만 IE계열에서만 적용되는 스타일시트를 정의할 수 있습니다.
a:hover {border:1px;} // 모든 브라우져에서 적용됨
*html a:hover {border:2xp;} // IE 계열에서만 적용됨.
*html a:hover {border:2xp;} // IE 계열에서만 적용됨.
즉 위의 2줄을 적었을경우, IE계열에서는 border:2pxl 스타일이 적용됩니다.
이 스타핵은 IE7에서 적용되지 않습니다.
추가) IE7에서 적용되는 스타핵은 아래와 같습니다.
**html {border:2xp;} // IE7에서만 적용됨.
그렇다면, 모든 IE계열(7버전 포함)에서 동작하는 스타핵은 아래와 같이 하면 됩니다.
*html body, **html body {border:2xp;} // 모든 IE에서만 적용됨.
!important 핵
위의 스타핵은 IE6을 구분하기 위하여 2가지의 선언을 해야합니다. 그러나 한 규칙선언안에서 IE6 이하버전을 위한 선언과 다른 브라우저를 위한 선언을 하고 싶다면 !important 핵을 사용하면 됩니다.
#top {
position:fixed !important;
position:static;
}
position:fixed !important;
position:static;
}
IE6 버전에서는 한 규칙안에 여러개의 속성을 사용할 수 없으므로, 첫번째 선언을 무시하고 두번째 선언을 적용합니다.
나머지 브라우져에서는 important 키워드가 쓰여진 속성의 우선순위를 높게 인식하기때문에 첫번째 선언을 적용합니다.
언더바핵
가장 많이 알려진 CSS핵입니다.
iE6이하 버전에서는 속성정의자의 _ (언더바)를 무시하고, 인식하는 점을 응용한 핵입니다.
.under {display:inline; _display:block}
두번째 정의된 display 의 _ (언더바)가 없다면, 모든 브라우져에서 display:block 이 적용될 것이나 _ (언더바)가 있기때문에 두번째 속성정의자는 IE6 이하 브라우져를 제외하곤 잘못된 속성정의자로 인식합니다.
따라서 IE6에서만 _display 를 display 로 인식하기때문에 display:block 속성이 적용됩니다.
이런 핵을 안쓰고 홈페이지를 만드는것이 가장 좋긴하겠지만, 그렇게 하려면 키보드를 집어던져버릴지도 모르기때문에, 적절한 핵 사용으로 스트레스 받는 일을 최소화 하시기 바라며...
덧붙여 어서 세상에서 IE6 이하 브라우져가 사라지기도 기원해봅니다.
'이럴땐, 이렇게! > 프로그래밍' 카테고리의 다른 글
| IE와 FF에서 똑같이 보이게 하기 위한 몇가지 팁 (29) | 2008/01/23 |
|---|---|
| myEolin 추천/북마크 버튼 디자인 바꾸기 (15) | 2008/01/19 |
| 많이 쓰이는 CSS 핵 (11) | 2008/01/15 |
| MySQL 튜닝 18 가지 (2) | 2006/01/25 |
| 태터툴즈 백업기능을 100% 믿지마세요. (13) | 2006/01/11 |
| 태터툴즈, 최근 코멘트(계층형코멘트)리스트 정리하기 (2) | 2005/09/11 |
RSS를 등록하여 쉽게 글을 구독할 수 있습니다.
0 Votes |
||
0 Bookmarks |
댓글을 달아 주세요
좋은 정보 감사합니다^^ 지금까지는 늘 IE용과 비 IE용 CSS를 따로 만들었었는데, 굳이 그렇게 하지 않아도 되겠네요.
2008/01/15 23:08도움되셨다니 다행입니다. :)
2008/01/16 00:06사실은 몇가지 핵이 더 있지만, 저 3가지 정도면 어느정도 IE와 FF의 디자인을 맞출수있더군요;
워... 저도 요즘 코딩배우는참이라 필요했었는데 감사욤-
2008/01/16 23:10코딩열심히 하시게!!!
2008/01/22 16:59더 많은 핵이 있으면 포스팅해주시면 안될까요?
2008/01/19 23:06요즘 FF와 IE7 차이 때문에도 많이 열받고 있는 중이라서요...
좋은 글 감사합니다.
FF과 IE 차이점을 극복해나가면서 몇가지 알아낸 것들을 새로운 포스팅으로 정리중입니다. :)
2008/01/22 16:59조금만 기다려주세요 + _+
FF와 IE에서 다르게 보이는 부분에 대한 것을 몇가지 정리해보았습니다. :)
2008/01/23 22:08http://blog.arzz.com/298 포스트를 참고해주세요 >ㅅ<
컴공과 분이시라 제가 좋아하는 분야의 재미있는 글이 너무 많네요!! 링크 시켜두고... 자주 들려야 겠어요 ! 참 미투데이도 친신하겠씁니다, :-ㅇ
2008/01/23 00:24앗 재미있게 읽어봐주시니 너무 감사해요 >ㅅ<
2008/01/23 01:02이참에 마시멜로님 링크추가를... ^^
제 관심분야 글들이 많이 있네요...
2008/01/24 06:00좋은 정보 감사합니다...
앗 저랑 관심사가 비슷하신가봐요 >ㅅ<
2008/01/24 17:22종종 들려주세요~! ^^