IE7 div 박스는 맑음 : 오른쪽 및 플로트 : 왼쪽 - 위로 플로트

Question

요즘 나는이 문제를 해결하기 위해 책상을 상대로 내 머리를 부딪 치고 있습니다. 운동하지 않았어. 일부 정보를 수정하여 내용을 편집하면 문제를 해결할 수 있습니다. 슬프게도 일부 자바 스크립트 정렬 beeing 사용 및 Sourcode CMS 구성 요소에 의해 생성 된 그래서 내 마지막 총 것입니다.

나는 2 개의 연속 된 alwayes를 beeing beeing 몇 가지 상자가 있습니다. 상자는 높이가 다르지만 폭이 같으며 모두 정적 너비가있는 컨테이너에 배치됩니다. 링크는 문제를 재현 할 필요가있는 소스를 보여줍니다. 내 상자가 떠 다니고있어. 나는 이것을 명확하게 고치려고했다 : 이상하고 명확한 왼쪽 : 짝수 엘리먼트 바로 위에. 그러나 그것은 ief/ie8/chrome 브라우저에서만 작동합니다.

예 : http://www.i3rutus.de/ie7divfloatexample/

사람이 바로 CSS하지 실제 XHTML을 편집하여이 문제를 해결하려면 가능성을 알아? IE7에 문제가 나타납니다. IE8, Chrome 및 FF는 정상적으로 작동합니다.

어떤 아이디어? 머리글에서 JS를 포함 할 수있는 경우 사전

Answer 1

여기 있습니다. 각 쌍의 상자 중 하나를 부동 상태로 둘 필요 만 있습니다. 다음은 수정 된 CSS 규칙입니다 :

.even { 
    float: left; 
    clear: left; 
    margin-top: 0 
    } 

    .odd {    
    } 

Demo

(덧붙여, 홀수와의 사용이 나를 잠시 동안 내 꼬리를 쫓고 있었다) 짝수 홀수 일 경우)

Answer 2

에서

감사 어쩌면 http://code.google.com/p/ie7-js/를 사용하려고?

나는 그걸 가지고 놀았지만 부유물을주었습니다. 바로 잡아라. 아마도 아마 float 값으로 실험하는 것보다 조금 복잡 할 것이다.

- 갱신 -

나는 그것이 의해 IE7에서 작동 얻을 수있을 것 같았다 :

제거 플로트 :하는 명확한, 추가 부동 소수점 왼쪽 : 왼쪽; 여백 - 가기 : 0 픽셀을에

Answer 3

.even 그냥

.even { 
    clear: left; 
} 
.odd { 
    clear: right; 
} 

를 제거하고들이 의도로 작동합니다.