2012-05-10 174 views
0

我無法讓CSS屬性「margin-top」在所有broswers(IE,FireFox,Chrome)中一致地工作。CSS導航菜單問題

.navmenu { list-style: none; padding: 0px; margin-top:16px; } 

這在FireFox和Chrome中運行良好,但在Internet Explorer中不做任何事情。

一個例子可以看這裏:http://www.pogocheats.net/template.php

導航CSS,可以發現:http://www.pogocheats.net/styles/test.css(起始線:276)

是否有一個簡單的辦法解決呢?

+0

嘗試設置爲該元素:'position:relative;'而不是'margin-top'使用'top:16px;' –

+0

或刪除'margin-top:16px; '從.navmenu屬性中添加'padding-top:16px'到包含TD#的navbar。 – mch

+0

這兩個建議仍然沒有運氣 - 它們在IE,FF中運行得很好,但是將瀏覽器manu在Chrome瀏覽器中壓得太厲害了。刷新模板的細節。 –

回答

1

規則基於列表的菜單:

1)Use a CSS reset

2)不要樣式的李,除了position:float:display:

3)把所有的造型上A-標籤和使用display:block

4)清除浮動(如果使用它們)

查看我的列表教程:preview.moveable.com/JM/ilovelists