As mentioned the width specified in the table definition is teh cause of the problem, changing it to 100% as suggested will then set it to be 100% of the parent container.
Personally I would also look at swapping the orientation of the table so the descriptions run down and the comments appear along side the descriptions. This will allow you to cope better with the large number of fields that you are having to cope with.
So instead of
Code: Select all
<table border="1" cellpadding="4" cellspacing="2" style="width: 645px; height: 73px;">
<tbody>
<tr>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Class<br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Ring<br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Length<br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Sing.<br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Origin</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Wrapper</span></strong><strong><span style="color: rgb(139, 69, 19);"><br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Binder<br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Filler<br />
</span></strong></td>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Strength<br />
</span></strong></td>
</tr>
<tr>
<td style="text-align: center;">
VSG</td>
<td style="text-align: center;">
49</td>
<td style="text-align: center;">
7in</td>
<td style="text-align: center;">
1</td>
<td style="text-align: center;">
Dominican</td>
<td style="text-align: center;">
Ecuador</td>
<td style="text-align: center;">
Dominican</td>
<td style="text-align: center;">
Dominican</td>
<td style="text-align: center;">
Full</td>
</tr>
</tbody>
</table>
I would use
Code: Select all
<table border="1" cellpadding="4" cellspacing="2" style="width: 645px; height: 73px;">
<tbody>
<tr>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Class<br />
</span></strong></td>
<td style="text-align: center;">
VSG</td>
</tr>
<tr>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Ring<br />
</span></strong></td>
<td style="text-align: center;">
49</td>
</tr>
<tr>
<td style="text-align: center;">
<strong><span style="color: rgb(139, 69, 19);">Length<br />
</span></strong></td>
<td style="text-align: center;">
7in</td>
</tr>
</tbody>
</table>