왼쪽 및 오른쪽 DIV 섹션은

Question

사이드 문제의 측면 사진에서 사파리에서 작동하지 :

내 웹 사이트는 지금까지 모든 것을 추론 무엇을 위해 http://berathen.com 는 IE, 파이어 폭스와 크롬에서 잘 작동하도록 보이지만,하지에 원정 여행. 어떤 이유로 왼쪽 및 오른쪽 div 섹션이 가운데에서 함께 참여합니다.

#leftSide 
{ 
    position: relative; 
    left: -350px; 
    max-width: 320px; 
} 

#rightSide 
{ 
    position: relative; 
    left: 650px; 
    width:0px; 
    height:0px; 
} 

도움이나 조언을 주시면 감사하겠습니다.

Answer 1

이전 버전의 사파리에서 사이트를 조사하는 데 몇 분이 걸렸습니다. 내가 #leftSide 내부 #outerBox2에 left:0을 적용하려고

은, 그것은 결국 내가 발견 할 때 어떤이 HTML가 무효 인 당신의 것입니다뿐만 아니라 왼쪽으로 오른쪽 상자를 가져왔다 - 당신은 ID outerBox2 (id 여러 요소가해야 문서에서 고유해야합니다. 대신 클래스를 사용하여 일반적인 내용을 적용 할 수 있습니다.).

나는이 문제를 일으키는 것으로 생각하고 해결하여 문제를 해결할 수 있습니다. ...

• 을 (힘을 나에게 도움이되지 않을 수도 있습니다) 검사하면서
  어쨌든, 약간 다른 일들은 내가 div#leftSide의 내용은, position:fixed이다 따라서는 0 픽셀의 높이가났습니다. 너는 그것을 필요로하지 않을지도 모른다.
• width 및 height 이식을 0에 수동으로 적용했습니다. 이유가 궁금합니다! (그럴 필요가 없을 수도 있습니다.?)
• 중간에있는 내용에는 컨테이너 또는 래퍼가 없습니다. 그 중 하나가 있다면 padding 또는 margin을 양면에 적용하고 좌우 내용을 절대적으로 배치하거나 각각 left 및 right으로 플로팅하는 것이 쉽습니다.

사이드 참고 :이 최신 브라우저에서 작동하는 방법 궁금 모든 것을보고함으로써 ... 난 단지 그들이 ... 당신을 향해 너무 친절 :)

Answer 2

이것은 당신이 무엇을 할 수 있습니다 :

는

#leftSide { 
    position: absolute; 
    left: 0; 
    max-width: 320px; 
} 

나는 position이 relative입니다 부정적인 left 경우 사파리 집어 생각하지 않습니다.