I have a table where I want alternate columns to have different background colours. I do this using a col tag for each column and setting the background color in the style sheet. This works fine in IE. In Netscape 7 and Opera the background colour is not picked up. To simplify the code, I added the background attribute directly on the col tag rather than using a style sheet - no difference. I put a width attribute in the col tag as well - Netscape picked this up, so it recognises the col tags OK. As far as I can see, the W3C spec says style attributes on the col tag are valid. Number of col tags matches number of TD tags so that is not the problem.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Style on Col tag
- Thread starter NLeaver
- Start date
cian
Technical User
- Oct 11, 2001
- 1,383
Maybe it just doesnt work in netscape, despite what the W3C says. Perhaps you need to set classes for each cell?
<tr>
<td class="green">text</td>
<td class="blue">text</td>
<td class="red">text</td>
</tr>
<tr>
<td class="green">text</td>
<td class="blue">text</td>
<td class="red">text</td>
</tr>
É
<tr>
<td class="green">text</td>
<td class="blue">text</td>
<td class="red">text</td>
</tr>
<tr>
<td class="green">text</td>
<td class="blue">text</td>
<td class="red">text</td>
</tr>
É
- Thread starter
- #4
Here is some cut-down HTML that shows the problem (and validates OK as transitional HTML 4 with the W3C checker)
<html>
<title>Test</title>
<body>
<table>
<col style="background-color: #C7DAEB">
<col style="background-color: #E2F1FF">
<col style="background-color: #C7DAEB">
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
</table>
</body>
</html>
You get alternating blue backgrounds in IE6, white background in Netscape 7. I think it is just not supported in Netscape, I'd like to see something that says so.
<html>
<title>Test</title>
<body>
<table>
<col style="background-color: #C7DAEB">
<col style="background-color: #E2F1FF">
<col style="background-color: #C7DAEB">
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
</table>
</body>
</html>
You get alternating blue backgrounds in IE6, white background in Netscape 7. I think it is just not supported in Netscape, I'd like to see something that says so.
- Status
Similar threads
- Locked
- Question
- Locked
- Question
