footer not staying on bottom of page

i grabbed a template from themeforest and modded it. all works well, except, on some pages, the footer isn't sticking at the bottom of the page. i've messed w/ the css a bit, but haven't been able to get it stick. i'm still learning html/css so wanted some help in reviewing it to make sure i don't have any mistakes in my html. i haven't modded开发者_JAVA百科 the css from the initial template. i did some, but reverted them before the post, as they were attempts at getting the footer to stick.

here is a link to the site > http://capitalcrestoration.com/build/

I think from your question you are asking how to make the footer appear at the bottom of the window at all times.

To do this you just need to change the CSS rule for #subfooter-wrapper:

#subfooter-wrapper {
    background: url("images/sub_footer_bg.jpg") repeat-x scroll 0 0 transparent;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1000;
}

You could try giving CSSStickyFooter a shot.

You need to do something with your CSS to position the footer element at the bottom of the window. Otherwise it's just a block element that will be directly under it's sibling.

Try placing div id="subfooter-wrapper" just before the closing tag of the wrapper, and using position:absolute; bottom: 0;