Click here to Skip to main content
14,641,852 members
Rate this:
Please Sign up or sign in to vote.
See more:
I have div which holds the control such as Save, Delete ..

I was able to place the div at the bottom of the mobile screen.

Problem:
Whenever the keyboard of the mobile popup, the div overlaps the other control.

Any solution??

Thanks in advance
Posted

1 solution

Rate this:
Please Sign up or sign in to vote.

Solution 1

Just change body like this:
<body>
<div id="wrapper">
  <div id="content">
    <div id="cell-left">
      <div id="content-left">
        <ul>
          <li><a href="#">menu item 1</a></li>
        </ul>
      </div>
    </div>
    <div id="cell-right">
      <div id="content-right" style="position:relative">
        Lorem ipsum dolor ... bla bla bla
        <div style="position:absolute; left:-185px; bottom:10px; width:180px">This is the div that needs to rest on the bottom vertically align on bottom</div>
      </div>
    </div>
  </div>
  <div id="footer">sdsd</div>
</div>
</body>

Actually I've changed just these lines:
<div id="content-right" style="position:relative">
    Lorem ipsum dolor ... bla bla bla
    <div style="position:absolute; left:-185px; bottom:10px; width:180px">This is the div that needs to rest on the bottom vertically align on bottom</div>
  </div>
   

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100