iNove 스킨 버그 수정: 댓글 아이콘 버그 수정

사용자 삽입 이미지

댓글 아이콘이 좀 밀린다. ㅠ.ㅠ


은근히 신경이 쓰였던 버그인데, 귀차니즘으로 넘어가려고 했다.
그런데... miru님께서 댓글을 통해 지적을 하셨다.

지적을 받았는데도 수정을 하지 않는 건 도리가 아니다. 그래서 수정했다!
(이거 왠지 군대 필이군...)

이 문제의 원인은  아이콘 스타일의 버그가 아니라 아이콘 주변 흰 영역의 폭이 잘못 지정되어 있기 때문이다.
이 문제를 해결하려면 style.css에서 .cmtauthor 스타일을 조금만 수정하면 된다.
일단 아래와 같은 내용을 찾는다.

.cmtauthor {
    float:left;
    width:81px;
    text-align:center;
    position:relative;
    overflow:hidden;
}

여기서 폭(width)의 속성을 80px로 수정한다. 그럼 아래와 같이 된다.

.cmtauthor {
    float:left;
    width:80px;
    text-align:center;
    position:relative;
    overflow:hidden;
}

수정된 결과는 아래와 같다.

사용자 삽입 이미지

짜잔~ 이제 깔끔하다!


덧. 이 버그는 FireFox 3에서 확인했다.

Trackback 0 Comment 2
  1. Favicon of http://miru.tistory.com BlogIcon miru 2009.06.07 09:07 address edit & delete reply

    1px 차이로 은근히 신경쓰이는 부분이 생겼었군요~!
    이런 걸 보면 컴퓨터는 참 유도리도 없어요~ [emo=023]
    사람은 대중, 짐작이라는 게 있는데 말이죠~ ㅋㅋ

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.06.07 11:15 address edit & delete

      컴퓨터가 융통성이 있으면 스카이넷이 되지 않을까요? [emo=085]