유체 960 그리드 시스템 - IE7 너비 버그

Question

유동적 인 960 그리드 시스템에 문제가있는 것 같습니다. IE7에서 매우 간헐적 인 폭으로 1 열 및 2 열 아래에 3 열 (3 열 레이아웃)을 푸시합니다. 그것은 다른 모든 브라우저에서 잘 작동하는 것 같습니다.

나는 그것을 고칠 수없는 것 같습니다. http://dl.dropbox.com/u/4221318/ie7-fluid-960/960gs.flv

그리고 테스트 페이지 : http://jsfiddle.net/Tribal/EwQUB/ 시계를 다음 20초 비디오을 보여 돕는다

. .grid_4 div에 패딩을 만들 수 있도록 div.col 중첩 div를 사용하고 있습니다. 그러나 .col 스타일을 제거해 보았지만 문제가 해결되지 않습니다. 당신의 도움에 대한

감사합니다,

샘 두 개 이상의 요소가

Answer 1

언제는 추가적인 알파 & 오메가 클래스를 사용하십시오.

알파는 첫 번째 항목이며 오메가는 마지막 항목입니다. http://jsfiddle.net/7Eq4e/1/

과 관련된 년대 CSS :

/* Grid >> Children (Alpha ~ First, Omega ~ Last) 
----------------------------------------------------------------------------------------------------*/ 

.alpha { 
    margin-left: 0; 
} 

.omega { 
    margin-right: 0; 
}