사실 스타일에 대해선 잘 모르는 나이기에 이런일이 발생하였다 ....ㅜㅜ
테이블에서 행 사이즈가 100이라고 가정할 경우
실 테이블의 행에 width를 100이라고 지정하고 스타일 패딩을 레프트10이라고 지정되면
실제로는 110의 사이즈를 갖게 된다
<style>
<!--
.tbl_pad_l10 {padding-left:10px;}
.tbl_pad_r10 {padding-right:10px;}
//-->
</style>
<table width="970" border="0" cellspacing="0" cellpadding="0">
<COLGROUP>
<COL width="65">
<COL width="105">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
<COL width="80">
</COLGROUP>
<tr>
<td rowspan="2" align="center">TEST1</td>
<td class="tbl_pad_l10" align="left">TEST2</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
<td class="tbl_pad_r10">14,500</td>
</tr>
</table>
위 테이블의 실사이즈는 1080이된다 제대로 사이즈가 출력되게 하려면 아래와 같이 사이즈를 수정해야한다.
<COLGROUP>
<COL width="65">
<COL width="95">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
<COL width="70">
</COLGROUP>
패딩은 셀 내부에 걸었는데 왜 위와 같이 되는건지 사실 아직도 이해가 되지 않는다..ㅜㅜ
