绝对定位在Ipad上

Question

我在网站上工作，但这是客户第一次询问我的ipad兼容性。所以我开始像往常一样工作但是目前在ipad上看到的结果有一些我无法放在正确位置的物体。

我已经尝试用边距和填充更改我的所有绝对定位，但是这部分（上图）不起作用，当我改变位置时内容保持在同一个地方。

current web site 当前css

但重要的是这里：

<div id="super-wrapper">
<div id="wrapper">
<!-- Some Divs -->

  <div id="content" class="open">

    <!--This menu will be hidden -->
    <ul id="navigation-fans">
        <li id="registrate"><span>Registrate</span></li>
        <li id="crea-club"><span>club</span></li>
        <li id="conoce-clubs"><span>clubs</span></li>
    </ul>

    <div id="close-open" class="open"></div>
    <div id="title"></div>
    <div id="real-content"></div>
  </div>
<!-- Some Divs -->
</div>
</div>

CSS

#wrapper{
  width:1024px;
  height:768px;
  margin: 10px auto;
  position:relative;
  background: url(../../pics/1.jpg) no-repeat;
  overflow:hidden;
}

#content{
  background-image:url('../images/secciones_fondo.png');
  height:423px;
  width:1024px;
  display:block;
  position:relative;
  right:-374px;
  padding-top:1px;
  margin-top:143px;
}

/* This is the position of #content when is open */
element.style {
    right: -374px;
}

更新

我发现这个问题是jplayer，但是我仍然不知道这是真正的问题，我暂时禁用它并且它有效。

Answer 1

您的super-wrapper标记可能是您未分配正确的属性。如果您查看代码，super-wrapper基本上与wrapper保持一致，对吗？如果是这样，wrapper可能会从super-wrapper继承您可能不是您想要的属性。

希望这会有所帮助。