Previous Message
Next Message

IE draws a random line through nav & links issue - revised

Sent by Holly Bergevin on 13 July 2006 15:03


From: "Holly Bergevin" [EMAIL-REMOVED]>

>From: "Brian Cummiskey" [EMAIL-REMOVED]>
>>> weird IE quirk.  When scrolling occurs, sometimes the nav
>>> bars when you scroll back up will have a random 1px white line through
>>> them.  
>
>>> go to: http://www.mtcues.com/beta/category/testimonials/ [example]
>
>>I am still stuck on this.  No one has replied to this particular issue yet.
>
>It's a "haslayout" issue [1]. I think that the following will work. You'll need to "trigger"
haslayout [2], then reset the property you used in a separate selector so that the correct property
is being used. Once "haslayout" is triggered, it cannot be reset but the property used to set it can
be [3].
>
>While there are other ways of triggering "haslayout" than the one I'm suggesting, they did not seem
to preserve the hover effects on the left-side horizontal nav. My suggestion seems to preserve
that.
>
>#catnav { 
>background: #adce5a; 
>color: #000; 
>padding:0; 
>margin: 0; 
>border-top: 5px solid #333; 
>display: inline-block; /* <<<< add this <<<< */
>}
>
>#catnav {display: block;} /* <<<< Must be a separate selector to reset the property <<<< */

Sorry, I left out one thing that was hiding in the HTML page not in the style sheet, You'll need to
add {position: relative;} to the #catnav ul selector to preserve the hover, too. 

#catnav ul { 
list-style-type: none;  
padding: 10px; 
margin: 0; 
position: relative; /* <<<< add this too <<<< */
}

~holly

>[1] http://www.satzansatz.de/cssd/onhavinglayout.html
>[2] http://www.satzansatz.de/cssd/onhavinglayout.html#prop
>[3] http://www.satzansatz.de/cssd/onhavinglayout.html#haslayoutprop 
 
                   
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message