Thank you all for the help I've received in attempting to straighten out a site I'm developing. I seem to be nearly there and hope that somebody can now help by telling me what I'm doing wrong in not being able to get the same menu at the bottom of the page as there is at the top on:
http://www.catnaps.org/newlayout/index.html css: http://www.catnaps.org/newlayout/islamic2.css It's the menu with 'Pages with al-Salata al-jadida' heading it. With kind regards John On 06/07/07, John Lockerbie <[EMAIL PROTECTED]> wrote: > 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/
