The following HTML renders with the styling applied correctly in Internet Explorer 7.0.5730.11 but not Firefox 2.0.0.3. The columns should be blue and red.
| red | green | blue |
|---|---|---|
| column | column | column |
A workaround, of course, is to specify the id and/or class in every th and td tag, over and over again, but that's pretty crude.
Source code of this page:
<html>
<head>
<style>
#red { color:red; }
.green { color:green; }
</style>
</head>
<body>
<p>The following HTML renders with the styling applied correctly in Internet Explorer 7.0.5730.11 but not Firefox 2.0.0.3. The columns should be blue and red.</p>
<table border="1">
<col id="red">
<col class="green">
<col style="color:blue">
<thead>
<tr>
<th>red</th>
<th>green</th>
<th>blue</th>
</tr>
</thead>
<tbody>
<tr>
<td>column</td>
<td>column</td>
<td>column</td>
</tr>
</tbody>
</table>
<p>A workaround, of course, is to specify the id and/or class in every th and td tag, over and over again, but that's pretty crude.</p>
<p>Source code of this page:<br>
<pre><?=htmlentities(file_get_contents(__FILE__))?></pre>
</p>
<p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=382137">https://bugzilla.mozilla.org/show_bug.cgi?id=382137</a>
</body>
</html>