绝对定位在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继承属性，你可能不是你想要的。

希望这会有所帮助。