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