이야기 마을

사실 스타일에 대해선 잘 모르는 나이기에 이런일이 발생하였다 ....ㅜㅜ

테이블에서 행 사이즈가 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>


패딩은 셀 내부에 걸었는데 왜 위와 같이 되는건지 사실 아직도 이해가 되지 않는다..ㅜㅜ