css - IE6 CSS 错误 - UL 和 LI

Question

我有一个仅在 IE6 中出现的 CSS 问题。我完全被难住了，希望其他人能提供帮助。

在 IE6 中，如果您导航到 www.moneysupermarket.com/loans 并搜索 5 年 5000 英镑的贷款，Homeowner - Mortgaged，您将获得贷款结果页面。

滚动到页面底部，您将看到个人定价结果表。

它应该如何以及如何出现：

如果页面加载时它看起来正确，则单击其他选项卡之一会将其淘汰。

烦人的 IE6 开发者工具栏用处不大。一旦我更改了组成选项卡的 UL 或 LI 上的任何样式，它看起来就很好。如果我在 CSS 文件中进行相同的更改并刷新，它似乎不起作用。

我知道 hasLayout 问题，但是将 display:inline-block 或 height:1% 设置为元素似乎没有做任何事情。

任何建议或帮助将不胜感激！

谢谢

score 2 · Accepted Answer

一个问题是你有一个空的 div 并且 IE6 会为文本保留空间。您可以将 line-height 和 font-size 设置为零来解决这个问题。当然，如果该 div 在某些情况下确实有文本，那将是行不通的。

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

您应该验证您的代码。您的跨度中有 div，这可能会导致问题。Span 是一个内联元素，不能包含块级元素，每个浏览器都会以不同的方式呈现它。

score 2 · Accepted Answer

我正在尝试查看该问题，但是当我单击“公平配置”或“不良配置”选项卡时，我收到错误“对象引用未设置为对象实例”。

不过，我之前也看到过类似的问题，尝试在包含列表或 id 为 ucSearchResults_tbLoansResults 的父 div 上放置一个底部边框。这可以帮助您诊断问题，甚至可以解决问题。

由于无法复制它，我很难进行调查。您是否尝试过在链接、列表等上设置 hasLayout？通常我会尝试在最里面的元素上设置 zoom:1 或类似的设置，然后测试它是否有效。

否则尝试创建一个最小的测试用例，将问题减少到最小的组成部分，然后修复它。

如果您可以修复 JS 错误或提供最小的测试用例，我可以为您进一步调查。

亲切的问候，娜塔莉

score 0 · Accepted Answer

0

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

于 2009-08-07T14:24:40.203 回答

score 0 · Accepted Answer

我正在查看您在网站上指定的结果页面，但我没有在标记中找到列表。它看起来只是一个表格单元格。看起来确实正在应用 CSS 重置，这将是我的第一个建议。我的建议是从重置样式表开始并禁用其他样式表以确定问题是否仍然存在。我会用Firefox 中的Firebug来诊断问题。

score 0 · Accepted Answer

我想我已经自己解决了。

我将标签设置为 position:static 并修复了随后的边距错误。

谢谢大家

5 回答 5