border-collapse table on layer showing on main page

[murrayw]

A border-collapse style in a hidden layered table is showing on main page when the page is initially displayed. However, when I SHOW the hidden layer and return to main page, the problem to fixed with the border-collapse removed.

Here a snapshot of the STYLE placed in-line with the hidden layer on the table: style="border-collapse:collapse;"

Here is the style placed on the cells inside the table of the hidden layer:
.mainGridRow {
BORDER-RIGHT: #dedede 1px solid;
BORDER-TOP: #dedede 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #203868;
BORDER-BOTTOM: #dedede 1px solid;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 25px;
BACKGROUND-COLOR: #f0f0f0;
TEXT-ALIGN: center
}

I'm using IE 5.5

Thanks!!!

WL Murray

[QuietDean]

Hiya, welcome to the forums.

This sounds like a nice, interesting question. Could I have a link to the whole page, tho? It would make it easier to gauge the problem.

[murrayw]

The URL for the sample problem is:

http://kip.kennesaw.edu/wmurray/pa/borderCollapse.html

Let me know what I'm doing wrong.

Thanks!!!


Warren

[QuietDean]

Hi again,

this section -

<td width="9">&nbsp;</td>
                              <td width="561">
                                <div class="gridBorderMain" style="height:290px; width:700px; overflow-x:hidden; overflow-y:scroll;">
                                  <table bgcolor="#FFFFFF" width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">
                                    <tr>
                                      <td colspan="7" class="sectionPadding">&nbsp;</td>
                                    </tr>
                                    <tr>
                                      <td width="8"   >&nbsp;</td>

if you take away the style="border-collapse:collapse;" the problem goes away. Unless you have a specific reason for needing the border-collapse there?

[murrayw]

Problem resolved. Thanks!!!

[jonwyatt]

Hi,

I have the same problem but I need to set border-collapse: collapse so I can't solve the problem by taking this style out.

Can anyone help? This is a really strange one.

thanks!
Jon

[QuietDean]

Hi Jon,

Please post your code and preferably start a new thread. Then we can have a look.

[hillbilly198]

I was testing on ie six and this problem appeared when i modified a hidden layer with border styles within the td tag. The problem only occurs on load, when you reveal the layer and then hide it again it goes away, so its obviously a bug.

Based on this post and my experience i would have to say that you can not use border styles within table elements when you need to hide layers. An easy work around is to create a div block that either surrounds your table or one that fills your cells and perform the borders that way.


I've tested this problem in ie5.01sp2, 5.5sp2, and 6sp1. The issue exists in all three.

[QuietDean]

Thanks, the work-around is particularily useful.

Been finding a lot of odd bugs in IE (in work, mainly) lately. Things that show for no reason, but if you scroll past them, and then scroll back up, they are gone. grr >:|