960.gs를 사용하여 떠 다니는 왼쪽 div가 IE6의 다음 줄로 이동하는 이유는 무엇입니까?

Question

960 그리드 시스템을 사용하여 사이트를 만듭니다 (www.960.gs).

나는 내부에 두 개의 div (grid_5 및 grid_4)가있는 9 열 너비의 div (grid_9)가 있습니다.

내부에 2 개의 내부 div가 나란히있는 하나의 큰 외부 div가 생성됩니다.

그러나 IE6에서는 두 개의 내부 div가있는 하나의 큰 div로 표시됩니다.

파이어 폭스에서 div는 서로의 옆에 앉아 있고 동일한 설정이 사이트의 다른 부분에서 잘 작동합니다.

무슨 일입니까? 나는 그것을 해결할 수 없다. 무슨 일이 일어나고 있는지 더 볼 수있는없이

<div class="ContentWrapper grid_9 alpha omega"> 
     <div id="MainTitleWrapper" class="standardColor"> 
      <h2><span class="Rating"><%=Model.Rating%></span><%=Model.ScreenName%></h2> 
     </div> 
     <div class="MainContentWrapper standardColor"> 
      <div class="grid_5 alpha"> 
        <h3>Ranked This Week In:</h3> 
        <div class="TagContentList"> 
         <ul> some stuff</ul> 
        </div> 
      </div> 
      <div class="grid_4 omega"> 
        <h3>Latest</h3> 
        <div class="tweet"> 
        </div> 
      </div> 
     </div> 
    </div> 

Answer 1

, 나는 그들의 용기보다 크게 자신의 폭을 추진하고 내부 된 div의 내용을 추측에는 요 : 여기

는 HTML입니다. 컨텐트가 너비를 전혀 푸시하지 않으면 IE6은 컨테이너의 너비 지정을 존중하지 않습니다.

하지만 가능한 경우 더 많은 코드 또는 링크를 게시하십시오!

Answer 2

라인 :

"와 같은 설정은 사이트의 다른 부분에서 잘 작동합니다."

것은 내가 상자 모델은 IE6에서 꽤 색다른 기억 것과, 내 컨텐츠 의 패딩, 마진 폭의 grid_4 및 grid_5 된 div를보고 저를 이끌겠습니까.

또한 IE6 (및 나중에 가능)은 기울임 꼴 내용이 항상 예상보다 넓어서 예상보다 넓은 외부 div (grid_4 또는 grid_5)로 이어질 수 있다고하는 문제가 있습니다.

Answer 3

IE6의 이중 패드 성향과 같이 단순 할 수 있습니다. 당신이 해킹으로 960 그리드 시스템을 제시 감히 경우,이 시도 :

padding: 10px; /* whatever the padding is supposed to be for normal browsers */ 
_padding: 5px; /* half of that for IE6 */ 

IE6는 _padding 규칙을 렌더링 - 다른 브라우저하지 않습니다. 이것은 모든 규칙에 적용됩니다 : 일반 스타일 규칙, 첫 번째; IE6 _rule, 후에.