homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Transparent borders on fixed header

Msg#: 4337925 posted 1:53 pm on Jul 11, 2011 (gmt 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;



WebmasterWorld Senior Member 5+ Year Member

Msg#: 4337925 posted 11:30 am on Jul 13, 2011 (gmt 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.


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

Msg#: 4337925 posted 8:27 pm on Jul 13, 2011 (gmt 0)

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.


Msg#: 4337925 posted 11:42 am on Jul 15, 2011 (gmt 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved