웹표준 바람이 불고있어서 저도 대세; 에 맞춰갈려고 table을 웹표준은 div로 변환해서 사용하려고 하는데.

가로방향으로 4칸. 세로방향으로 10줄짜리 표를 div로 만들려고 하면 어떻게 해야되죠?

table로 만드니 확실히 프로그램을 이용해서 만들면 쉽지만 소스가 너무 지저분하더군요..


다음은 기존의 소스입니다.

<table width=100% cellspacing=0 cellpadding=0 border=1>
 <col width=40></col><col width=30></col><col width=30></col><col></col>

  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
  </td>
 
  </tr>
 
  <tr height=30>
  <td align=center></td>
  <td align=right></td>
  <td align=right></td>
  <td>
 
     </td>
 
  </tr>
 
 </table>