By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,592 Members | 1,931 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,592 IT Pros & Developers. It's quick & easy.

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

P: n/a
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
Jul 23 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
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 vo. O resto imperfeito.
- Renato Russo -
Jul 23 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.