Search code examples
cssdrupal-7footersticky-footer

How can I make the footer of Drupal 7 theme stick to bottom of page?

I implemented a Bartik subtheme and modified to my taste. I'm not sure why, but the footer does not stick to the bottom of the page (unlike Bartik).

Here's the site: http://www.hashbangweb.com/.

Can anyone explain what to do to make the footer stick to the bottom of the page?

Solution

  • I often use Ryan Fait's Sticky Footer technique

    This would involve you slightly reworking your div structure. You would need to move the div #footer-wrapper to be on the same level as #fixed and #skip-link so it would look like:

    <div id="skip-link"></div>
<div id="fixed"></div>
<div id="footer"></div>

    You'll need to ensure that #fixed has 100% height applied to it, that seems to be the main thing you're missing currently.

    Hope this help.