2012-10-30 2 views
0

가끔은 내 페이지를 열어 iPad doenst가 올바르게 표시됩니다. 대부분 페이지를 새로 고침하면됩니다. 문제는 사파리에도 있습니다. 내가 어떻게했는지 보여주기 위해 jsFiddle을 만들었습니다.ipad에 css 가끔은 어떻게해야합니까

의 모든 권리 파이어 폭스에서
<a href="#">   
    <div class="item">     
    <div class="text">Text1</div>   
    <div class="text2"><b>Text2</b></div>   
    <img class="logo" src="http://dummyimage.com/100x50/09f/fff.png" alt="logo"width="100"> 
    <div class="balken2">Text3</div> 
    </div> 
</a> 

는 텍스트 3 바 끝에 다른이는 동적이며 없습니다마다 당신이 그것을 아이 패드 see.on 같은 크기는 다음과 같이 때때로을 보여줍니다 이미지 이후에 집중되어 http://www.imagebanana.com/view/ynvggcu8/ipad.jpg. 이 문제를 어떻게 해결할 수 있습니까? 당신의 도움을 주셔서 감사합니다!

+0

Ipad에 인터넷이 연결되어 있습니까? 무선 랜 연결이 안정적입니까? Ipad 연결이 끊어져서 이미지가로드되지 않은 것처럼 보입니다. – Mark

+0

사진이 사파리에서 나왔습니다. 나는 인터넷 연결이있다, 텍스트 3 바도 맞지 않다. 나는 그들이 끝날 때마다 그들을 원한다 : ( – user1010775

답변

1

작업 바이올린 : http://jsfiddle.net/parkerwyoung/PkCPR/9/

문제는 .balken2

position: absolute; 
bottom: 0; 
width: 150px; 
padding-right: 0; 
padding-left: 0; 

에 넣어 .item

position: relative; 

이에이 이미지가로드되지 않는 경우입니다 넣어 .balken2 클래스는 아무 상관이 없다 레이아웃에서 벗어날 수 있습니다. 이 코드는 이미지 위치에 의존 할 필요가 없도록 위치를 지정합니다. 희망이 도움이!

+0

내가 나의 버전에서 그것을 구축한다면 나는 "items"div의 끝에 그것을 얻는다. ( – user1010775

+0

당신은 코멘트에서 나의 바이올린 링크를 보았는가? 이미지가로드되지 않은 상태에서 iPad에서 문제를 시뮬레이트하려면 이미지를 버전에서 바꿔서 제대로 작동하게해야합니다. –

+1

내 잘못입니다. 감사합니다. – user1010775

관련 문제