android - How to prevent mobile keyboard from rising footer over the text fields? -
i having trouble footer. want footer stay @ bottom of screen, there slight problem. when using mobile browser, fields blocked footer when opening keyboard. footer rises on keyboard , blocks field typing in. how can keep footer @ bottom , prevent rising on keyboard? want stay hidden under keyboard.
i using bootstrap, have set following stuff in own css:
footer { width: 100%; position:absolute; left:0px; bottom:0px; height: 40px; margin: auto; overflow: hidden; background:#2e2e2e; text-align:center; line-height: 15px; color: #fff; }
<html> <body> <div class="container"> </div> <footer class="bs-footer" role="contentinfo"> </body> </html> as can see here. when activating field "salasana", footer rises , blocks text field.
before opening keyboard:
pic1 http://i60.tinypic.com/25upevk.png
after opening keyboard:
try use position:relative or fixed
if want footer @ bottom should add min-height body
Comments
Post a Comment