Diane Ross wrote: > On 1/12/07 7:04 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote: > I really appreciate your examples. It helps me tremendously. >>> I'm having a big problem using <hr /> in the #main content area. >>> After an <hr /> the text gets thrown way down the screen. >>> <http://www.test.entourage.mvps.org/atest/> >> It's pushed down because you have declared 'clear: both' on the hr. >> That's how 'clear' works in that kind of layout. It will clear >> *everything* in sight - including the side-columns. >> >> You should have a class for 'clear' so you can add it to the hr, or any >> other element, when you need it - not add 'clear' permanently to the hr. >> >> Now, for that particular page/layout you can keep that hr-styling, and >> solve it by adding... >> >> #main {overflow: hidden; margin: 0; } >> * html #main {overflow: visible; height: 1%; } >> * html #sidebar {overflow-x: hidden;} >> >> ...which will isolate all 'clear' inside #main (and correct the most >> troublesome bugs in IE6). Works in all browsers I can lay my eyes on, >> from IE6 and up. > > I'm not quite sure if I should remove clear from the hr and add a clear > class if needed or add the corrected css you suggested above. Or do I really > need hr in my style sheet?
I don't think you need HR in your HTML unless you want to have a horizontal rule there when visitors have CSS turned off. You can use CSS to add a bottom border to the element above the rule instead. -- David [EMAIL PROTECTED] authenticity, honesty, community ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
