링크 .. 내가 이상한 문제의 종류가 파이어 폭스 및 사파리

Question

에서 FF & 사파리에서 작동하지 않는

뭔가를 보여주는하지만 자체에 IE에서 작동하고 이미 꽤 이상한하지만 난 수없는 것 없습니다 오른쪽 상단 모서리에있는 소셜 미디어에 대한 링크 (유튜브, 페이스 북 및 플리커)가 내 사이트 http://www.turnkring-excelsior.be에이 문제 ..

을 알아 내기 위해, IE에 그들은 FF에 & 사파리가하지를 연결하는 ..

이제 문제를 줄였습니다. 래퍼 div의 너비와 관련이있는 것 같습니다. 내 CSS 파일에서이 div의 폭을 1000px로 선언합니다. 나는 1200 픽셀 대답이 확대되면 I 1050 말처럼 플리커 링크 (맨 오른쪽에 하나)

에만 작동합니다, 그냥 조금 확대하면, 링크는

.. FF & 사파리 작동합니까

누구든지 제안 사항이 있습니까?

Answer 1

이것은 긍정적 인 여백 오류를 조합 한 것으로, 원하는 방식으로 div를 정렬하려고 시도한 것입니다. 본질적으로 당신은 다른 div 위에 하나의 div를 배치하여 링크를 차단합니다.

#social은 현재 23px의 양수 여백을 가지고 있지만, #image은 거의 모든면에 정의되어 사회적 연결 아래에서 오른쪽으로 넘기는 것으로 추정됩니다. #image의 여백이 #social의 내용과 겹치므로 브라우저는 #image이 다른 레이어임을 나타냅니다.

이들을 배치하는 더 좋은 방법을 찾아야합니다. 아마도 두 개의 컨테이너 div가 플로트 된 열로 작동 할 것입니다.

의사 (테스트하지) :

<div id="container"> 
    <div id="top-bar"> 
     <div id="menu" /> 
     <div id="social" /> 
    </div> 
    <div id="left"> 
     content n stuff 
    </div> 
    <div id="right"> 
     <div id="image" /> 
    </div> 
</div>