Page 1 of 1
Clearing Left Menu
Posted: Sat Apr 21, 2007 8:06 am
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
Re: Clearing Left Menu
Posted: Tue Apr 24, 2007 12:50 am
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.
Re: Clearing Left Menu
Posted: Tue Apr 24, 2007 12:16 pm
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
Re: Clearing Left Menu
Posted: Tue Apr 24, 2007 2:59 pm
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
Re: Clearing Left Menu
Posted: Tue Apr 24, 2007 3:35 pm
by asim
Merci Beaucoup KO!
It worked perfect!
Asim
Re: Clearing Left Menu
Posted: Tue Apr 24, 2007 4:30 pm
by KO
Good.
K