Я хочу создать таблицу, которая выглядит так:
+-----------------------------------------------------------+
|January 12th, 2012 |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
|January 13th, 2012 |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
но я получаю следующее:
+-----------------------------------------------------------+
|January 12th, 2012 |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
|January 13th, 2012 |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
| x | first item | second item |
+-----------------------------------------------------------+
Ячейка 'x' на самом деле является изображением, которое имеет фиксированную ширину. Я хочу заставить первую ячейку быть такой же ширины, как изображение.
Вот пример:
<html>
<body>
<table>
<tbody>
<tr>
<td colspan="3">January 12th 2011 this here is just for padding to make table wider</td>
</tr>
<tr>
<td width="20"> x </td>
<td>First item</td>
<td>Second item</td>
</tr>
</tbody>
</table>
</body>
</html>
Похоже, что строка, содержащая TD с colspan=3, заставляет TD в других строках игнорировать атрибут width (я также пробовал использовать style width:20px)
В FF8 рендеринг правильный. Есть идеи, как заставить IE отображать таблицу так, как я хочу?