Footer mis-positioned

[LeoL]

Chose CSS Library: CSS Layouts: Two Columns & Fixed layouts for the layout. Have added Glossy Vertical Menu and am building into a new website. The main page div uses:
<!--#include file="squadrons.htm"--> to insert content for the main page section. When this is done the footer does not get positioned at the bottom of the page. Any suggestions on how to get the Footer to appear at the bottom of the page? This page illustrates the problem.

http://preview.usps-d10.org/index.asp

Thank you.

[Eternal_Howl]

Try this:

#footer{
clear: both;
width: 100%;
background: #EEEEEE;
color: #FFF;
text-align: center;
padding: 4px 0;
}

Change highlighted in red.
You want the footer to be clear of the left column and the content column so you need to use clear: both. (Least that's what I've been taught.)
Removed float: left; attribute - don't know if this will make a difference to be honest. (try it with and without and see what difference it makes)

That was just on instant glance - I didn't look at the whole thing, just whether you had the clear property on both or what.

Let me know if this helps - if it does, it means I'm understanding too :) If it doesn't, let me know lol - means I haven't got this sussed yet.

[TheJoshMan]

Ah, the infamous "Footer Question"... If I had a nickel for every time this got asked in the forums... (I might have a few dollars...)

Below is a list of links which may help you in your quandaries.

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

http://www.skeletorscorpse.com/css/footer/

http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/

[LeoL]

The problem seems to have been more with nested DIV tags. IF I knew more this would have gone quicker ... anyway we're on our way.http://preview.usps-d10.org/index3.asp

Finalizing the layout and will start adding content, pages and navigation. I must say this is taking shape. Thanks for your help.

Leo

[Eternal_Howl]

Just viewed in IE8 and firefox 3 (I'm running on vista premium on a laptop) and yes, looks like you fixed the footer problem. - it's at the bottom with a small margin of white underneath :)