絕對定位在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繼承屬性，你可能不是你想要的。

希望這會有所幫助。