I have a phone phone phone phone 8 app with jQuery mobile for styling. I am using a fixed footer for navigation. However, the footer floats a few pixels higher from the side of the phone.
Ive completed the version of the android / ios app. I use Adobe Phonegap build to build my application. Android / IOS version is working fine. But now I'm trying to test the version of the application for Windows Phone 8, and I also tested it in phone browsers, and also works fine in Windows 8, iOS and Android. but I am building a Windows Phone application (app.xap) and installed on Windows, and the footer is not positioned as expected from bottom to bottom.
Please help me. Any kind help would be greatly appreciated. Thanks =)
<div data-role="page" data-theme="a" id="page_Login"> <div data-role="header" data-theme="a" class="okn_applicationTitleLogo"> <img src="Content/mobile/themes/default/images/logo.png" /> </div> <div data-role="content" data-theme="a" id="loginpage" > <div class="okn_contentContainer"> Login <div data-role="fieldcontain" class="ui-hide-label"> <label for="txtLogin">Username</label> <input type="email" name="txtLogin" id="txtLogin" data-bind="value: Username" placeholder="Username" /> </div> <div data-role="fieldcontain" class="ui-hide-label"> <label for="txtPassword">Password</label> <input type="password" name="txtPassword" id="txtPassword" data-bind="value: Password" placeholder="Password" /> </div> <div data-role="fieldcontain"> <label> <input type="checkbox" name="chkRememberLogin" data-bind="checked: RememberMe " /> Remember me</label> </div> </div> <div data-role="footer" data-id="footer_Main" id="firstFooter" data-theme="a" > <h4>© <span class="footer_copyrightYear">2000</span> <span class="footer_version"></span></h4> </div> </div> </div>
source share