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
Clearing Left Menu
Re: Clearing Left Menu
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.
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.
--
--
LinkedIn profile
--
I only speak/write in English so I may not translate well on International posts.
--
Re: Clearing Left Menu
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
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
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
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