为什么我的ul和ol列表在IE7中无法正常显示?

时间:2009-05-08 00:52:00

标签: css internet-explorer-6 internet-explorer-7 list

似乎在IE7中打破了列表(ulol)的显示。它们在IE8,FF,Safari等中运行良好,但不适用于IE7和IE6。

我只是希望它们能够正常显示:ul列表应显示项目符号,ol列表应显示数字。

我已将其缩小到styles_layout.css中的前1000行代码......;)

实际上,我认为它与以下样式有关:

* { margin: 0; } 

html, body { height: 100%; } 

.wrapper 
{ 
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  margin: 0 auto -39px; 
} 

在这里查看:http://www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2,以guest

登录

4 个答案:

答案 0 :(得分:10)

IE7及以下样式ul元素如下:

ul {
  margin-left: 40px
}

好的浏览器样式ul元素如下:

ul {
  padding-left: 40px
}

Eric Meyer在这里解释得更好: https://developer.mozilla.org/en/Consistent_List_Indentation “查找一致性”部分将告诉您您的工作。

答案 1 :(得分:3)

这是因为ul / li元素继承了零边距属性。

答案 2 :(得分:1)

我通过反复试验解决了这个问题:

* {
    margin: 0;
}

这可以阻止Ol和Ul在IE7和IE6中正常显示。我不知道为什么......

答案 3 :(得分:0)

我甚至不会假装自己是css的专家,我总是被我的屁股踢了,但我碰巧碰到了这个,虽然我的情况有点不同。

我最终必须指定一个绑定到ul的类并设置list-type。

.classname ul { list-style disc inside }

尝试一下,看看它是否有帮助。