[email protected] wrote: > Hi David, > > Thank you for responding to my problem. > >> [email protected] wrote: >>> I think I've narrowed it down. If I remove the following code in >>> the css-ui.tabs.css file: .ui-tabs-nav:after { display: block; >>> clear: both; content: " "; } >> [...] >>>> >>>> http://www.superiorshelving.com/mfg/nexel/test/test6.php >>>> >> >> You have correctly diagnosed your problem. It's the "clear: both;" >> on your clearing element. This clears the sidebar before the tabbed >> content appears. >> >> Try using "overflow: hidden;" on .ul-tabs-nav to contain the floats >> instead. > > This does fix the problem of the content following the left sidebar, > but it gives me the same problem as I mentioned in my 2nd e-mail. > The horizontal line is now above the tabs instead of below them. > > How can I drop that line below the tabs? I tried adding extra spaces > to content: " "; but that didn't do anything. >
Odd. Adding "overflow: hidden;" to .ul-tabs-nav put the .ul-tabs-panel border below the tabs this end. On which browser does this not work? (I am on a Mac...) The generated content is not needed with the overflow method of containing the floated tabs... BTW - You have HTML code in your css-superior.css file. That won't do. Cordially, David -- ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
