2011-11-21 6 views
1

저는 웹 사이트에서 일하고 있습니다.하지만 클라이언트가 ipad 호환성을 묻는 것은 처음입니다. 그래서 나는 평소와 같이 일하기 시작했지만 ipad에서 결과를보기 위해 올바른 위치에 놓을 수없는 물건이 있습니다.Ipad의 절대 위치 지정

이미 여백과 패딩이있는 모든 절대 위치를 변경하려고 시도했지만이 부분 (위 이미지)이 작동하지 않습니다. 콘텐츠를 동일한 위치에두면 위치가 변경됩니다.

Content Open Content Closed

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라는 것을 알았지 만, 여전히 실제 문제는 무엇인지 모르고 있으며, 사용하지 못하게하고 작동합니다.

+0

데스크톱 컴퓨터의 Safari에서 작동합니까? 나는 iPad와 함께 이런 종류의 일에 어떤 문제도 가지지 못했다. –

+0

@RichBradshaw 예 완벽하게 작동합니다. ipad에 있습니다. iphone : – sacabuche

답변

0

올바른 속성을 할당하지 않는 것이 super-wrapper 태그 일 수 있습니다. 코드를 보면 super-wrapper은 본질적으로 wrapper과 똑같습니다. 맞습니까? 그렇다면 wrapper은 원하지 않을 수도있는 super-wrapper의 속성을 상속받을 수 있습니다.

희망이 도움이됩니다.

+0

하지만 jplayer를 제거하면 작동하는 이유는 무엇입니까? – sacabuche