2013-11-26 111 views
1

這是推動我瘋了。我有浮動的權利另一個div中一個div,像這樣:IE7兼容浮動:右內浮動:正確的

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

我已經得到了以下的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文本「目前的成員:」是在下一行。我得到這個工作的唯一方法是指定一個容器的寬度,我不希望這樣做。任何人都知道一種方法來使這個工作?

+0

具體來說,我一直在IE8中測試IE7模式打開。 – kddeisz

回答

1

當我測試(模擬)在IE7中,文本顯示了在同一行,但只是在屏幕的左邊緣。我添加了以下佈局,但它看起來在佈局上類似於我:

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

謝謝!這解決了它。愚蠢的IE。 – kddeisz

+0

當然可以。祝你好運! –