The Sticky footer will use the HTML5 tag < footer > and make it "stick" to the bottom of the page. Simply add in < footer ></ footer > to your webpage with your desired styled content inside the < footer > tag. You may pre-style the < footer > in your css file. The stiky footer will remember your original styles if the page is not long enough to "stick" to the bottom of the page! Even after resize! There are no requirements for CSS! No 100% Body Height! You don't even need a fixed height, or a wrapper!
It even works in mobile and tablet! Go on, check out the demo! http://tangerineindustries.com/download/sticky_footer/
Q: Do I need to apply 100% height to my body?
A: No, Do not apply 100% height to your body, this will cause the plug in to not work.
Q: How do I span the full width of the browser with my footer in Foundation?
A: If you would like to have your footer span the full width of the browser, apply a style to the footer. < footer style="background-color:red" > This will give you a full width bar with a background color of red.