deathlydigit
New Member
I need help with a page in html 5 for android and iphone.It should contain two links that are 5% on the bottom of the screen. I tried using CSS by placing a table or div with absolute position and bottom 5%. But the virtual keyboard this \[code\]decoupled\[/code\] links above the virtual keyboard when it appears and disappears when the site returns.I tried not to use absolute position and place within the footer tag, and presents the same problem.If it was a native android project could use: android:windowSoftInputMode="adjustNothing", but I can not use it because it is a web project.I have many items up these links that should get the screen below:margin-top: 20%img logo (80% width of screen)margin-top: 10%input loginmargin-top: 10%input passmargin-top: 10%buttonmargin-top: 5%other linkblank areaarea links botton in the page (botton and 5% of botton)The logo image should have a width of 80% and let its height be set automatically to not distort.And all this must be equal for all iphone and android devices (tablets and smartphones)Help!