Transparent borders on fixed header

[css_newbie]

hi,

I am using IE7. I used to be a web developer but no longer one for several years now. I am a report developer now and I am able to attach CSS class to further complement the report results.

My report has multi-rows and column span header. I would like to freeze the header. The following class when applied to each row header would freeze the header. This works rather good. But I have problems with the border lines. I get a combination of transparent and solid lines all over. Is there a way to work around this? Thank you in advance.


.testlockColumnHeader{
padding: 6px 6px 6px 12px;
color:#000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000
font-size:12pt;
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-1);
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
position: relative;
z-index:10;
}

[alt131]

Hi css_newbie and welcome to WebmasterWorld :),

I understand your explanation of the issue, but I'm not quite sure what element has been set as the column spanning "header" - which may be relevant - can you provide a little more information?

However, considering just the borders, how you "know" the borders have been set to transparent? The reason for asking is that I am trying to establish whether you believe there is a specific rule that is overriding the styles for .testlockColumnHeader - and setting them as "transparent", or whether the borders are simply not visible - which would be a different issue.

[lucy24]

Do a global search of the entire document-- including any external css, javascript etc-- for the word "hidden". Anything, anywhere with {border-style: hidden;} will override* all other border settings in tables.


* That is, it is supposed to override them by w3c specs.

[css_newbie]

lucy24 - I did a search but could not find any {border-style: hidden}. This is a web report generated by a report application. In the report, I added customised class to freeze the headers. Suspect in the report it is referencing a class that might have {border-style: hidden} property.

alt131 - this is a generated HTML report by a report application. I use this application to create the report. I have to dig a little to know exactly when I created the report, what the exact element the header is. Will post an update.