cordova - android keyboard changes layout of phonegap application -

i create quiz application android using phonegap framework, first page of application contains sign form, want user information. code is

<table class="m">   <tr>     <td class="left">name:</td>     <td class="right"><input class="t" type="text"/></td>   </tr>   <tr>     <td class="left">image:</td>     <td class="right"><input class="t" type="text"/></td>   </tr>   <tr>     <td class="left">email:</td>     <td class="right"><input class="t" type="text"/></td>   </tr>   <tr>     <td class="left">phone:</td>     <td class="right"><input class="t" type="text"/></td>     </tr> </table> 

when click on text field android keyboard appears on screen , changes height of layout, first input field lifted , not visible user

how can fix problem

i believe html codes simple, may should little bit more complicated. in case, put table inside div tag, , set width , height of div javascript according screen width , height of different phones , browsers.

also, font-size set @ ratio respect screen width actual font size seen user approximately same different phone.

then, use scrollheight of div make sure user can see focused input textbox when being edited.