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:

pic2 http://i60.tinypic.com/2rgp37q.png

try use position:relative or fixed

if want footer @ bottom should add min-height body


Comments

Popular posts from this blog

user interface - How to replace the Python logo in a Tkinter-based Python GUI app? -

objective c - Greedy NSProgressIndicator Allocation -

how to set an OCR language in Google Drive -