Skip to content

Instantly share code, notes, and snippets.

@tsavory

tsavory/stickyfooter

Created June 8, 2012 05:32
Show Gist options
  • Save tsavory/2893775 to your computer and use it in GitHub Desktop.
Save tsavory/2893775 to your computer and use it in GitHub Desktop.
Download ZIP
omega sticky footer
Raw
stickyfooter
Posted by kkasischke on May 24, 2012 at 1:48pm new
I used to use a different method before, but since I started using Omega, I've been using this code in my theme-alpha-default.css file:
/* sticky footer */
html, body {height: 100%; margin: 0;}
#page {display: table; width: 100%;}
html>/**/body #page {height: 100%;}
*:first-child+html #page {height: auto;}
.section {display: table-row;}
html>/**/body .section-content {height: 100%;}
*:first-child+html body .section-content {height: auto;}
It shouldn't require changing any of the HTML templates.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment