IE6 CSS Bug - ULs& LIS

时间:2009-08-07 14:08:59

标签: css internet-explorer-6 html-lists

我有一个仅在IE6中出现的CSS问题。我完全难过,希望其他人也能帮忙。

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

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

它应该如何出现:

如果在页面加载时看起来正确,则单击其中一个选项卡会将其敲出。

令人讨厌的IE6开发人员工具栏并没有多大用处。一旦我更改组成标签的UL或LI上的任何样式,它看起来很好。如果我在CSS文件中进行相同的更改并刷新,它似乎不起作用。

我知道hasLayout问题,但设置display:inline-block或height:1%to elements似乎没有做任何事情。

任何建议或协助都将不胜感激!

由于

5 个答案:

答案 0 :(得分:2)

我正在尝试查看该问题但是当我点击“公平配置文件”或“不良配置文件”标签时,我得到错误'对象引用未设置为对象的实例。

之前我已经看过类似的问题,尝试在包含列表上放置一个底部边框,或者使用id为ucSearchResults_tbLoansResults的父div。这可能有助于您诊断问题,甚至可以修复它。

无法复制它,对我来说调查是非常困难的。你试过在链接,列表上设置hasLayout吗?通常我会尝试在最内层元素上设置缩放:1或类似,然后再测试是否有效。

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

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

亲切的问候, 娜塔莉

答案 1 :(得分:2)

一个问题是你有一个空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是一个内联元素,不能包含块级元素,每个浏览器都会以不同的方式呈现。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

我想我自己已经解决了。

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

全部谢谢