테이블 기본 구조 세팅

<table summary="" cellspacing="0">
     <caption></caption>
     <colgroup>
          <col width="*" />
          <col width="%" />
     </colgroup>
     <thead>
          <tr>
               <th scope="col"></th>
          </tr>
     </thead>
     <tbody>
          <tr>
               <td></td>
          </tr>
     </tbody>
</table>

 

• border-collapse: separate;   테두리의 간격이 발생 (기본값)
  border-collapse: collapse;    테두리 간격없음
• table에 col값을 넣었으나 크롬과 사파리에서 먹지 않을 때, 
  caption을 보이지 않기 위해 position:absolute 혹은 text-indent를 사용했을 때 그렇다.
  이 경우, caption을 display:none을 넣으면 문제가 해결된다.