2012-05-10 175 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