为什么我的ul和ol列表在IE7中无法正常显示?
-
10-07-2019 - |
题
似乎在IE7中打破了列表(ul
和ol
)的显示。它们在IE8,FF,Safari等中运行良好,但不适用于IE7和IE6。
我只是希望它们能够正常显示:styles_layout.css
列表应该显示项目符号,guest
列表应该显示数字。
我已将其缩小到<=> ...;)
中的前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 ,以<=>
登录解决方案 3
我通过反复试验解决了这个问题:
* {
margin: 0;
}
这可以阻止Ol和Ul在IE7和IE6中正常显示。我不知道为什么......
其他提示
IE7及以下样式ul元素如下:
ul {
margin-left: 40px
}
好的浏览器样式ul元素如下:
ul {
padding-left: 40px
}
Eric Meyer在这里解释得更好: https://developer.mozilla.org/en/Consistent_List_Indentation 和<!>“部分找到一致性<!>”;会告诉你你做了什么。
这是因为ul / li元素继承了零边距属性。
我甚至不会假装自己是css的专家,我总是被我的屁股踢了,但我碰巧碰到了这个,虽然我的情况有点不同。
我最终必须指定一个绑定到ul的类并设置list-type。
.classname ul { list-style disc inside }
尝试一下,看看它是否有帮助。
不隶属于 StackOverflow