1st cell 2nd cell 3rd cell
 

Code of this table:


  td
  {
  border: none 0px;
  padding: 16px;
  }

  (...)

  <table cellspacing="0" id="idTable">
    <col width="100">
    <col width="200">
    <col width="300">
    <tr>

      <td style="background-color: yellow; color: black;">1st cell</td>

      <td style="background-color: green; color: white;">2nd cell</td>

      <td style="background-color: blue; color: white;">3rd cell</td>
    </tr>
  </table>

The table width (offsetWidth) is

Expected results: the table offsetWidth should be precisely 600px.

A <col>'s width is equal to a table's cellspacing + 2 * cellborder width + 2 * cellpadding width + cell content's width in the border-collapse: separate model.

Reference: "In this [automatic table layout] algorithm (which generally requires no more than two passes), the table's width is given by the width of its columns (and intervening borders)." coming from CSS 2.1, Section 17.5.2.2

HTML 4.01 Strict DTD compliant CSS compliant