Download & Extend

Absolute Positioning the Footer

Project:Omega
Version:7.x-3.1
Component:Code
Category:feature request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

I use omega-html5-starterkit for my projects and every time that faced with a page without the main content (or with section-content consisting of a few lines) the footer section of the site don't remain at the bottom of browser window (viewport) and goes up. After some time found the proper CSS hack for this issue and below is the code:

html, body {
  height: 100%;
}

#page {
  min-height: 100%;
  position: relative;
}

footer {
  bottom: 0;
  position: absolute;
}

The #page is the container which holds header, content and footer sections. This code also runs perfectly on IE6 because of microsoft's wrong implementation of DOM (overflow: visible). I didn't face such problem in garland or bartik for D7 but if anybody faced such issue in omega-html5-starterkit leave your comments in this issue.