오직 IE6만을 위한 iNove스킨 패치 (젠장!)

독일 출장중에 처음으로 올리는 포스트임. v^.^v

독일에 출장을 왔는데, 여기 사무실 PC엔 IE6만 깔려있다.
게다가 관리자 권한 따윈 절대 주지 않기 때문에 이놈의 구닥다리 웹브라우저를 쓸 수 밖에 없다.

덕분에 IE6에서 iNove 스킨을 유심히 쳐다볼 수 있었는데, 메뉴바가 약간 이상하게 나오는 문제가 있더라.

메뉴바가 1픽셀 아래로 밀려서 나옴

다른 브라우저에서는 아무 문제 없는데, IE6에서만 말썽을 일으켰길래 IE6 핵을 이용해서 문제를 해결했다.

우선 스킨 편집으로 가서, style.css에서 아래와 같은 내용을 찾는다.

#navigation {
    margin:1px 0;
}

이 부분을 아래와 같이 수정한다.

#navigation {
    margin:1px 0 !important;
    margin:0;
}

IE6의 버그를 이용하는 수정으로 정상적인 브라우저는 2행을 적용해야 하지만, IE6는 같은 스타일을 두번 지정하면 무조건 마지막에 지정된 스타일을 적용하여 3행을 적용한다. 희안한 놈.

티끌만치 나아지긴 했지만, 구닥다리 브라우저란 점은 변함이 없다