абсолютное позиционирование на Ipad

Question

Я работаю на веб-сайте, но клиент впервые спрашивает меня о совместимости с ipad.Поэтому я начал работать как обычно, но на данный момент, чтобы увидеть результат на ipad, есть некоторые объекты, которые я не могу поставить в правильное положение.

Я уже пытался изменить все мое абсолютное позиционирование с полямии отступы, но эта часть (изображение выше) не работает, когда я меняю положение, содержимое остается на том же месте.

Текущий веб-сайт Текущий 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, которые могут быть не тем, что вы хотите.

Надеюсь, это поможет.