There is no gap between cells in html table with CELLSPACING greater than zero

[Boris Miloslavsky]

Hi,

I have a weird problem. A regular html containing table does not
display correctly in IE6. I do not see a gap between second and third
columns in the header. I have a dark background and light font color
in the table header.

Here is the sample:
-------------------

<table height="100%" cellSpacing="2" cellPadding="2" width="740"
align="left" border="0">
<tr>
<td class="altheaderrow" noWrap colSpan="4">Contract Details
&nbsp;-&nbsp;Control Systems</td>
<td class="altheaderrow" noWrap
colSpan="2">&nbsp;Sample</td>
</tr>
<!-- Invoice Documents -->
<tr class="altheaderrow">
<td class="altheaderrow" noWrap colSpan="6">Contract
Document(s)</td>
</tr>
<tr>
<td class="headerrow" nowrap colSpan="3">Document Name</td>
<td class="headerrow" colSpan="1" align="right"
width="13%">Document Size</td>
<td class="headerrow" colSpan="1" align="left" width="15%">Document
Type</td>
<td class="headerrow" colSpan="1">Description</td>
</tr>
<tr>
<td class="row" noWrap colSpan="3">
<a class="rowlink"
href="javascript:OpenWindow('/CCMDocuments/Contracts/Control Systems -
VA Office.tif');" title="View Document">Control Systems - VA
Office.tif</a>
</td>
<td class="row" noWrap colSpan="1" align="right">unknown</td>
<td class="row" noWrap colSpan="1">Contract</td>
<td class="row" colSpan="1">New Control Systems Contract</td>
</tr>
</table>
Styles used:
------------

..headerrow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #F2F7C4;
background-color: #CA7F43;
}
..altheaderrow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #F2F7C4;
background-color: #8B9F9F;
}
..row {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
}

Thanks in advance for any clue.

Boris

[Els]

Boris Miloslavsky wrote:

Hi,

I have a weird problem. A regular html containing table
does not display correctly in IE6. I do not see a gap
between second and third columns in the header. I have a
dark background and light font color in the table header.

Here is the sample:
-------------------
[snip code]
Thanks in advance for any clue.

If you set the colspan in the first cell to anything less than
4, the gap appears.

No idea why, I'm sorry.
Maybe it's a bug, I don't know.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -