FireFox 에서 Tistory Moving Box 스킨 표 문제 해결방법

Tistory Moving Box 스킨을 사용할 경우 표에서 문제가 발생한다.

Internet Explorer 에서는 문제가 없지만 FireFox 에서 표의 일부가 나오지 않는 것이다.

이것은 Padding left 속성이 설정되어 있지 않기 때문이다. IE 에서는 약간 여유를 두고 표시하지만 FireFox 는 정직하게도 그냥 0으로 표시해 버린다.

이것을 해결하는 방법은 Padding left 를 여유있기 설정하는 것이다.

(1) 관리자 메뉴에서 스킨을 선택한 후 HTML/CSS 편집화면으로 넘어간다.

(2) Ctrl-F 를 눌러서 찾기에서 /* content */ 를 찾는다.

(3) 다음과 같이 padding-left:1px; 를 추가한다.

/* content */
.separate {color:#b8b8b8;}
.article {width:/*@post-width=*/ 621px /*@*/; overflow:hidden; margin-bottom:0px; padding-left:1px;}

추가하면 다음과 같이 제대로 표시된다.