IE7 호환성 플로트 : 오른쪽 내부 부동 :

Question

이것은 나를 미치게합니다. 그래서 같이 다른 사업부의 내부 오른쪽에 떠 사업부를 가지고 :

<div id='container'> 
    <div id='status'></div> 
    Current Membership: <%= @distribution_list.total %> 
</div> 

I했습니다있어 다음과 같은 CSS 규칙 :

이

div#container { 
    float:right; 
    margin-right:3px; 
} 
div#container div#status { 
    float:right; 
    border:#aaa solid 1px; 
    border-radius:12px; 
    width:12px; 
    height:12px; 
    margin:-1px 0px 0px 5px; 
    background:#ff0000; 
} 
div#container div#status.good { 
    background:#5bd64a; 
} 

내가 경계 반경 상관 없어 IE7에서 제대로 작동하지 않습니다. 내 생각에, IE7에서 "Current Membership : total"이라는 텍스트가 다음 줄에 표시 될 때입니다. 이 작업을 수행하는 유일한 방법은 컨테이너 폭을 지정하는 것입니다. 컨테이너 폭은 지정하지 않는 것이 좋습니다. 이 기능을 작동시키는 방법을 아는 사람은 누구입니까?

Answer 1

IE7에서 테스트 (에뮬레이션)하면 텍스트가 같은 줄에 있지만 화면의 왼쪽 가장자리에 나타납니다. 레이아웃에 대해 다음을 추가했지만 그렇지 않은 경우에는 레이아웃이 비슷합니다.

div#container { 
    float:right; 
    margin-right:3px; 
    text-align: right; 
}