從右到左的無序列表

我正在嘗試使無序列表在不同的瀏覽器中運行。我有一個2級的列表，我試圖在一行中水平顯示。 Safari瀏覽器和Firefox上的一切看起來不錯。在IE（7）上，一切都因爲某種原因而變得瘋狂，只有當我試圖讓列表從右到左。當我嘗試顯示從左到右，所有瀏覽器的行爲。從右到左的無序列表

一個簡單的例子，我在做什麼在這裏：http://www.g6pdrecords.com/svk/test.html 在CSS中找到。

任何想法的人？謝謝

來源

2010-05-09 Crippletoe

這樣的事情甚至應該在IE6中工作。

我從#menu中刪除了絕對定位，因爲它可以在沒有它的情況下完成，但如果您確實需要它，可以將其退回。

div#contain{ 
margin:0 auto; 
border: 1px dashed #000000; 
width: 1000px; 
height: 600px; 
} 
div#menu{ 
overflow:hidden; 
margin-top:50px; 
border: 1px dashed #FF00FF; 
text-align:right; 
} 
ul{ 
list-style-type: none; 
display: inline; 
margin: 0px; 
padding: 0px; 
} 
ul li{ 
margin: 0px; 
padding: 0px; 
float:right; 
}

事實上，HTML應該改變有點過了，validator希望看到嵌套ul的li內：

<ul> 
<li>item1</li> 
<li>item2</li> 
<li> 
    <ul> 
    <li>sub item3</li> 
    <li>sub item4</li> 
    </ul> 
</li> 
</ul>

來源

2010-05-09 12:56:58

喜，感謝您的幫助。 :)但是，！你忽略了一個關鍵點。列表項目仍然從左到右！目前他們顯示：item1 item2 item3 item4 他們應該顯示：item4 item3 item2 item1 多數民衆贊成什麼造成所有問題對我來說。任何解決方案？謝謝！ – Crippletoe 2010-05-10 21:31:08

你可以將'display：inline'改成'ul li'的'float：right'，它似乎在IE7中工作正常（現在沒有其他人可以測試），我已經編輯了答案來反映這一點。 – 2010-05-10 23:03:49

從右到左的無序列表

回答

相關問題