IE6 CSS错误 - UL和LI

3
我有一个CSS问题,只在IE6中出现。我完全被卡住了,希望有人能帮忙。
在IE6中,如果您导航到www.moneysupermarket.com/loans并搜索5年内5000英镑的贷款,业主-抵押贷款,您将获得贷款结果页面。
滚动到页面底部,您将看到个人定价结果表。
它应该是这样的: 如果页面加载时看起来正确,点击其他选项卡会使其变得不对称。
令人恼火的是,IE6开发者工具栏没有太多用处。只要我更改由选项卡组成的UL或LI上的任何样式,就会看起来很好。如果我在CSS文件中进行相同的更改并刷新,则似乎不起作用。
我知道hasLayout问题,但将display:inline-block或height:1%设置为元素似乎没有任何作用。
感谢您的建议和帮助!
5个回答

2

一个问题是你有一个空的div,而IE6会为文本保留空间。你可以将行高和字体大小设置为零来解决这个问题。当然,如果该div在某些情况下确实有文本,则此方法无效。

.msfg-money-loans-searchresultspersonal .msfg-repeater
{
    border: 1px solid #1A2F9B;
    width:800px;
    line-height:0;
    font-size:0;
}

您应该验证您的代码。您在span中使用div可能会引起问题。Span是一个内联元素,不能包含块级元素,每个浏览器都会以不同的方式呈现。


2
我在尝试查看问题时,但当我点击“公平档案”或“差劲档案”选项卡时,会出现错误:“对象引用未设置为对象的实例”。
我之前遇到过类似的问题,尝试在包含列表或具有id ucSearchResults_tbLoansResults的父div上添加底部边框。这可能有助于诊断问题,甚至可能修复它。
由于无法复制该问题,很难进行调查。您是否尝试将链接、列表和其他元素设置为hasLayout?通常我会尝试在最内层元素上设置zoom:1或类似内容,然后向外测试是否有效。
否则,请尝试创建一个最小测试用例,将问题缩小到其最小组成部分,然后解决它。
如果您可以修复JS错误或提供最小测试用例,我可以进一步为您调查。
祝好, Natalie

0

看起来是边距/填充问题。尝试在下面的列表和表格上明确设置margin:0


0

我正在查看您在网站上指定的结果页面,但在标记中找不到列表。它似乎只是一个表格单元格。看起来应用了CSS重置,这本该是我的第一个建议。我的建议是首先启用重置样式表,并禁用其他样式表,以确定问题是否仍然存在。我会使用Firebug在Firefox中诊断问题。


0

我想我已经自己解决了。

我将选项卡设置为position:static并修复了随后出现的边距错误。

谢谢大家。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接