Sticky Footer - Styling

Hi, i'm having issues implementing a Sticky Footer: I'm using a static footer therefor I have kept it outside of the div#content by amending the index.html file. But when I resize the screen the footer stays above the content which is not what I want. To my understanding the div#content is the culprit as when I move the application outside of the div#content it works fine (tested in inspector) and detects the contents height, but when inside then the height isn't detected. Is there anyway I can change the behaviour of the div#content so that it knows its height? i have already tried css positioning and display properties but had no luck.
1 answers

Use a layout with the footer enabled. It will stick to the bottom of the page by default.