If you need truely fixed footers NOW and you're only targeting more recent android devices or iPhones (say, in a Phonegap environment), it's very easy to add them:
1. Make sure to disable zooming in your app by adding this meta - tag to your head:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
2. Create your page with a footer as you would normally. Make sure NOT TO ADD data-position="fixed".
3. Instead, add a class "fixedFooter" to the class attribute of the footer: class="fixedFooter"
4. Create the class "fixedFooter" in your CSS(-file):
.fixedFooter {
position: fixed !important;
left: 0px !important;
right: 0px !important;
bottom: 0px !important;
z-index: 999 !important;
}
5. Look at your page. If the fixed footer overlaps your content,
at some padding-bottom to the last element in the content area of your page.