Search code examples
iphonecssioscordovajqtouch

CSS - absolute positioning in iphone? (phonegap, jqtouch)


I'm trying to position a div over a google map in an iphone app built with phonegap. It shows up fine on the web (http://presentations.superfaddev.com/ifad/v2/ifad.html#Contact - Click on locations and you'll see the map overlay of our 3 locations).

However, in my app the overlay is nowhere to be seen, which I'm guessing has something to do with absolute positioning or something. Anyone know how to fix this, or what the best way to position one thing over another in iPhone is?


Solution

  • Try to put position:relative; to the container.
    Position absolute takes origin from the first parent element positioned relative.