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.
> Please, *please* give us a valid page to work with.
O.K. I cleaned it up as best I can, but I don't think it will ever
valid as I'm pulling dynamic data using tags like <! ud> which the
validator doesn't like.
> I'd also suggest your code would be far easier to debug if all your
> presentational code were in CSS, instead of using presentational
> tags like FONT and presentational attributes like 'align="right" ...'.
I'm still learning CSS, so hopefully one day this sight will be
perfect. In the meantime, I'm just trying to make it look nice. =;)
Thanks again,
Frank
______________________________________________________________________
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/
