Internet Explorer 7浮動列表元素

我一直在網上搜索過去幾個小時尋找解決這個問題的方法，並且一直找不到任何東西，雖然有一些類似的問題，但是看起來沒有一個像這樣。Internet Explorer 7浮動列表元素

我有一個列表，其中包含2個span元素。我希望第一個span元素浮動到左側，第二個浮動到右側。

在IE 7以外的所有瀏覽器中，這使得右邊的元素出現在下一行。

像這樣：

LEFT

左右

RIGHT - (this is not meant to be in a code block, unsure how to remove it)

（有更多然後3層的元件，但是這是一個一般的例子 - 與所述頁問題位於：http://www.blisshair.com.au/testing/）

我是你確保進行哪些修改來糾正此問題。

如果任何人能夠幫助我，我會非常感激。

問候。

來源

2012-07-20 Nik

？在你的問題上？和與定位3'div'元素相關的CSS（用於FF）。 – Killrawr 2012-07-20 05:35:07

今晚我有類似的問題（不積極，這是同樣的事情），但我不得不添加'zoom：1; * display：inline;'給我浮動的元素。請參閱http://stackoverflow.com/questions/11571078/floating-a-div-right-causes-elements-to-wrap-in-ie7。 – Bill 2012-07-20 05:38:35

不管用，謝謝！下面有Jayaraj的解決方案。再次感謝 – Nik 2012-07-20 06:57:24

儘量添加到您的CSS你可以提供一些屏幕截圖（FF/IE），這可能幫助你

#basic_info ul { 
padding:0px; 
margin:0px; 
list-style-position:inside; 
list-style-image:url(tick.png); 
width:100%; 
position: relative; 
font-size:0.8em; 
float: left;  

} 

#basic_info li { 
border-top:0.1em solid #DFDFDF; 
background:#F7FEF3; 
position: relative; 
width:100%; 
float: left; 

}

來源

2012-07-20 06:43:37

嘿，非常感謝，這完美的修復！現在我將通過這個來看看我能否弄清楚是什麼導致了它。再次感謝！ – Nik 2012-07-20 06:58:34

嘗試加入clear:right到li元素像

#basic_info li { 
border-top: 0.1em solid #DFDFDF; 
background: #F7FEF3; 
clear: right; 
}

來源

2012-07-20 06:17:59 JFK

嘿，剛剛嘗試過，沒有工作，無論如何感謝 – Nik 2012-07-20 06:57:42

Internet Explorer 7浮動列表元素

回答

相關問題