У меня проблемы, из-за которых ширина ячейки моей HTML-таблицы не соответствует. Я понимаю, что это из-за использования colspan. Есть ли способ добиться согласованности ячейки таблицы?
Пример jsbin:
http://jsbin.com/lozajiyeqi/edit?html,output
<tr>
<td class="noborder" width="100"></td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-08 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-18 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-28 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-38 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-68 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-88 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-98 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-108 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-118 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-128 </td>
<td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-138 </td>
<td nowrap="" colspan="2" width="200" rowspan="1"> D1-09-168 </td>
<td class="noborder" width="100"></td>
</tr>
Предположим, что выделенная ячейка также имеет такую же ширину и размер кольца. Но почему у них более широкая клетка?
