Holly, Thank you for the suggestions. I've been working to clear the problem and have been successful on Mac - but only by making my markup worse...
I'm going to try to simplify it. Think I'm trying to run before I can walk. This may take a little time... With kind regards John On 06/07/07, Holly Bergevin <[EMAIL PROTECTED]> wrote: > From: "John Lockerbie" <[EMAIL PROTECTED]> > > >http://www.catnaps.org/newlayout/index.html > > >The lower menu sits on top of the footer and I can't separate them. > >The css is: http://www.catnaps.org/newlayout/islamic2.css > > In your lower menu, the three ULs are absolutely positioned (AP). So even > though you've cleared the footer, the floated #contentcolnav2 isn't really > taking up much space, and the AP lists are hanging out of it, overlapping the > following content (the footer). > > You can see this by adding background colors to the four elements and noting > that #contentcolnav2 does not expand to hold the three lists. The heading is > the only thing taking up any space. > > Try the following changes to your CSS and see if they help. Tested in FF only. > > #contentcolnav2 { > /*width: 408px; - remove the width */ position:relative; float: left; left: > 10px; margin-top: 0px; > } > /* float these instead of AP - left/top aren't needed */ > #navcol4 { > float: left; list-style:none; width: 33%; > } > #navcol5 { > float: left; list-style:none; width: 33%; > } > #navcol6 { > float: right; list-style:none; width: 33%; > } > > This seems to hold up under a couple of text resizings. You might consider > changing the top one in the same fashion, as it does not hold up under text > resizing. > > I hope that helps, > > ~holly > > > ______________________________________________________________________ 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/
