2009년 5월 18일 월요일

iNove 스킨 수정: IE6에서도 정상적으로 나오도록 수정

iNove 스킨을 사용하다보니 IE6에서 정상적으로 나오지 않는다는 사실을 발견했다.
스킨의 스타일 파일은 모두 정상이지만, IE6이 css 스타일을 정상적으로 해석하지 못하기 때문이다.

사용자 삽입 이미지

이게 뭐니 이게... IE6...


이 문제를 해결하려면 멀쩡한 css를 수정해야 한다. (젠장!)
우선 아래 부분을 찾는다.

/* content START */
#content {
    background:#FFF url(images/sidesep.gif) right repeat-y;
    min-height:400px;
    line-height:165%;
    width:100%;
}
/* content END */

여기서 표시한 width 부분을 아래와 같이 수정하면 된다.

/* content START */
#content {
    background:#FFF url(images/sidesep.gif) right repeat-y;
    min-height:400px;
line-height:165%;
    width:936px;
    margin:0 auto;
}
/* content END */

이렇게 수정된 스킨은 IE6에서도 아래와 같이 나오는 것을 볼 수 있다.

사용자 삽입 이미지


댓글 7개:

  1. 이게 나오길 기다리고 있었습니다. [emo=050]

    답글삭제
  2. 차단의 원인을 알았다능... 글 없이 이모티컨만 찍을 경우에는 차단으로 뜬다능.. 버그 같다능.

    답글삭제
  3. ie6때문에 CSS에서는 보통 ie6을 위한 트윅을 따로 준비해 둡니다. 저는 그냥 포기합니다.

    답글삭제
  4. @zasfe - 2009/05/18 09:21
    잘 쓰시기 바랍니다. ^^;

    답글삭제
  5. @페니웨이™ - 2009/05/18 09:31
    이놈의 티스는 버그가 한둘이 아니라능~

    답글삭제
  6. @도아 - 2009/05/18 10:27
    그렇게 수정하려고 했다가 그냥 무난한(?) 방법을 찾아서 사용했습니다.

    IE6이 없어지는 날은 언제쯤 올까요?

    답글삭제