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/
