Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Transparent borders on fixed header

1:53 pm on Jul 11, 2011 (gmt 0)

New User

joined:July 11, 2011
posts: 2
votes: 0


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.

padding: 6px 6px 6px 12px;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-1);
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
position: relative;
11:30 am on July 13, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0

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.
8:27 pm on July 13, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
votes: 244

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.
11:42 am on July 15, 2011 (gmt 0)

New User

joined:July 11, 2011
posts: 2
votes: 0

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.