Ich möchte eine Tabelle erstellen, die wie folgt aussieht:
+-----------------------------------------------------------+
|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 |
+-----------------------------------------------------------+
aber was ich verstehe, ist dies:
+-----------------------------------------------------------+
|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 |
+-----------------------------------------------------------+
Das "x" ist eigentlich ein Bild und hat eine feste Breite. Ich möchte die erste Zelle zwingen, nur so breit wie das Bild zu sein.
Hier ist ein Beispiel:
<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>
Es scheint, dass die Zeile, die die TD mit colspan=3 enthält, die TD in den anderen Zeilen veranlasst, das Attribut width zu ignorieren (ich habe auch versucht, style width:20px zu verwenden)
Das Rendering ist in FF8 korrekt. Irgendwelche Ideen, wie ich den IE dazu bringe, die Tabelle so darzustellen, wie ich es möchte?