2011-05-13 4 views
0

내 디자이너 중 한 명이 PSD &을 슬라이스하여 페이지가 iPhone 또는 iPad에서 렌더링되지 않습니다. 피드백 링크가 포함 된 div 만 표시됩니다. 문제에 대해 약간의 시간을 보냈지 만 문제를 찾을 수없는 것 같습니다. 여기를보십시오 : http://bit.ly/jNcJ47CSS가 iPad/iPhone에 페이지를 표시하지 않게 함

+0

문제가 무엇이든 상관없이 Safari/Mac에도 영향을줍니다. Chrome/Mac은 정상입니다. – benzado

+0

사파리 문제인 경우 다음과 같이 사파리에 css (작동하지 않는 것)를 추가 할 수 있습니다.'@media screen and (-webkit-min-device-pixel-ratio : 0) { #div { margin-left : 10px;}}'또한 다른 문제를 해결할 수도 있고 그렇지 않을 수도 있습니다. (단서가 없기 때문에 결코 프로그래밍 할 수 없습니다. ) –

답변

2

내 Mac의 Safari에서 같은 문제가 발생합니다. 몇 분 동안 Web Inspector를 뒤져서 sidebar1 요소의 height: 특성을 사용하지 않으면 콘텐츠가 나타납니다.

1

sidebar1 div가 차지하는 너비가 나머지를 하단으로 떨어 뜨리기 때문입니다! 컨테이너 div에는 오버플로가 숨겨져 있기 때문에 떨어 뜨린 다른 플로팅 div도 표시되지 않습니다.

div를 절대 위치로 배치하는 것이 좋습니다.

관련 문제