There is a large gap under the footer. The only time it does this is when there is not very much content in the other regions above to push it down. It seems to me that there needs to be almost be enough content to fill 800px if not it will show the gap. Is there a fix for this? I need for it to always be at the bottom of the page and perhaps create white space for the empty regions in the main body by stretching down the page.
Perhaps a quick fix would be to create an empty spacer div with jQuery association that simply checks the height of the body and if it is below an 'x' amount the spacer div has a height of an 'x' amount. Hmm maybe a good custom mod...
Comment | File | Size | Author |
---|---|---|---|
#2 | Screen Height needing adjustment- 'The Equity Network' - sunrhythms_com_EquityNetwork.png | 220.98 KB | SunRhythms |
Comments
Comment #1
Kendall Totten CreditAttribution: Kendall Totten commentedCan you please include screen shots of both the site and also of what you're seeing in Firebug or Web Inspector? This sounds like either a CSS bug (not directly related to Omega) or perhaps you have the equal heights script enabled for the footer region(s).
If you are looking to push down the footer to the bottom of the page, try implementing a sticky footer method: http://ryanfait.com/sticky-footer/
Comment #2
SunRhythms CreditAttribution: SunRhythms commentedIts been on every new install of Omega.... Its nothing new I'm not the only one experiencing it... I put a min-height on my content zone and it goes away. Just would be nice to not have to do that since I have to do it for all relative supported screen sizes.
Comment #3
athyamvidyasagar CreditAttribution: athyamvidyasagar commentedBy adding this css code we can fix the footer at the bottom of the window for all screens/resolutions.
Comment #3.0
athyamvidyasagar CreditAttribution: athyamvidyasagar commentedidea
Comment #4
prabhatjn CreditAttribution: prabhatjn commentedathyamvidyasagar: sorry that did not work, it made other content flow over/under it.
Thanks,
P.
Comment #5
Kendall Totten CreditAttribution: Kendall Totten commentedSo the issue is not with the theme, it's just that you have a small amount of content and a large monitor. There are various methods out there for creating a "sticky footer" if you prefer to have the footer always at the bottom of the page. Just be aware that you should only implement a sticky footer solution on desktop size screens.
http://ryanfait.com/sticky-footer/
http://www.cssstickyfooter.com/