Sent by John Lockerbie on 6 July 2007 21:09
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/
