보통 한글을 테이블의 TD에 쓰면, 한글이 약간 위로 올라가서 민감하신 분들은 눈에 거슬릴 것입니다.
여기 Tip&Tech에도 보면 '번호', '분류', '제목'... 과 같은 문자가 테이블에서 조금씩 위로 올라거서 보이게 됩니다. 그리고 실제 테이블의 높이가 조금씩 작게 출력됩니다.
몇 년 전에 이부분이 왜 그럴까 생각하다가 아래와 같은 사실을 알게 되었는데, 혹 이런 부분에 대해서 눈에 거슬리는 분들은 아래와 같이 하여 해결해 보시기 바랍니다.
정확하게 테이블 중앙에 한글이 위치하며 테블 높이도 원래 크기대로 출력됩니다.
IE, Netscape, ...  모두 동일합니다.

트릭:
1. </font> 태그 뒤에 </td>를 넣지 않고, 다음줄에 넣습니다.
이전:
<td><font size=2>한글</font></td>

이후:
<td><font size=2>한글</font>
</td>

2. </font> 태그 바로 앞에 공백이 와야 할 경우는 공백을  로 대체하고 역시 마찬가지로 1번처럼 합니다.
이전:
<td><font size=2>한글   </font>
</td>

이후:
<td><font size=2>한글 </font>
<td>

3. CSS를 사용할 경우도 마찬가지로 입니다. 하지만, TD class=cssname 처럼하고 cssname에 폰트 관련 요소를 넣어다면 모두 빼고, FONT 관련 CSS만들어서 사용하고 역시 1, 2번 과정처럼 합니다.


ex.
<table border=1>
<tr><td><font size=2>한글</font></td></tr>
<tr><td><font size=2>한글</font> </td></tr>
</table>
Posted by 알 수 없는 사용자
,