Clearing Left Menu

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
asim

Clearing Left Menu

Post by asim »

Hi,

I'm having difficulty clearing the left menu from the bottom footer, currently the menu is overlapping the footer when there is no content in the body, any help would be very much appreciated. This page shows what I mean: [email]http://jenniemarshtrust.org/index.php?page=contact-us[/email]

Thank You.

Asim
JohnnyB
Dev Team Member
Dev Team Member
Posts: 731
Joined: Tue Nov 21, 2006 5:05 pm

Re: Clearing Left Menu

Post by JohnnyB »

Here's links to 2 techniques you can try:

A sticky Footer solution:
http://ryanfait.com/sticky-footer/

A matching columns Javascript solution:
http://www.killersites.com/blog/2006/ma ... v-heigths/

I have used both successfully in different situations.
"The art of life lies in a constant readjustment to our surroundings." -Okakura Kakuzo

--
LinkedIn profile
--
I only speak/write in English so I may not translate well on International posts.
--
asim

Re: Clearing Left Menu

Post by asim »

Hi,

Thank you, but its not quite what I intend to do, you see the footer of my site is within the body (box) of my site and I think these methods are more to do with fixing the footer to the bottom of the browser window, rather thann clearing or having a minimum height... I still have not found a solution...

Any help would be appreciated...

Cheers
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Clearing Left Menu

Post by KO »

Bonjour!

div#sidebar {
  float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
  width: 133px;    /* sidebar width, if you change this please also change #main margins */
  display: inline; /* FIX IE double margin bug */
  margin-left: 0;
  height:auto;
  padding-top:22px;
  border-right:#BDBDBE solid 1px;
background:  url(uploads/jmt/main-menu-grad-top.gif) repeat-y;
}

Change red. Hope this helps!

Br, Keijo
asim

Re: Clearing Left Menu

Post by asim »

Merci Beaucoup KO!

It worked perfect!

Asim
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Clearing Left Menu

Post by KO »

Good. :)

K
Locked

Return to “Layout and Design (CSS & HTML)”