Welcome to WebmasterWorld Guest from 54.198.87.238

Forum Moderators: not2easy

Message Too Old, No Replies

Transparent borders on fixed header

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



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;
}
11:30 am on Jul 13, 2011 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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 Jul 13, 2011 (gmt 0)

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



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 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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month