Alan That's really good of you to point me in the right direction. The good/bad news is that I seem to have resolved it on the Mac platform, but only by making the problem you describe, worse.
I'll have to start over and see what I can sort out. Thank you again. With kind regards John On 06/07/07, Alan Gresley <[EMAIL PROTECTED]> wrote: > John Lockerbie wrote: > > > I'm still unable to solve a problem with a new site I'm developing. > > > > http://www.catnaps.org/newlayout/index.html is a revision to my > vexisting site - http://catnaps.org/islamic/design.html - which has now > > got some very long pages. > > > > My intention is to shorten the pages by having an additional menu top > > and bottom - illustrated on: > > http://www.catnaps.org/newlayout/islamimages/layout.jpg - the 3. menu > > item on the diagram. > > > > 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 > > > > All suggestions will be gratefully received... > > Hi John > > You have your #contentcolnav2 floated and your #navcol4, #navcol4, #navcol4 > are absolutely positioned which removes these elements from the flow. This is > why the footer rises up. I have only tested in FF but the below style should > work with other browsers. > > #contentcolnav2 { > margin-bottom: 100px; > padding-bottom: 4em; > } > > I see that you have many styles and a few selectors repeated. The below > styles you have repeated in places, style which are inherited to the > descendant elements. > > font-style:normal; font-family: verdana, helvetica, helvetica neue, arial, > sans-serif; list-style-type: none; font-style: normal; font-size: 11px; > > You can also group selectors with the same property and values as. > > p.marker, tr.marker, ul.marker, dd.marker { > background-color:#fff0dc; > > Cutting back on what is not needed will help you understand your CSS better. > > Kind Regards, Alan > http://css-class.com/ > > > ______________________________________________________________________ > 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/ > ______________________________________________________________________ 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/
