Sent by John Lockerbie on 7 July 2007 20:08
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-REMOVED]> 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-REMOVED]> wrote:
> > From: "John Lockerbie" [EMAIL-REMOVED]>
> >
> > >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-REMOVED]]
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/
