2009-08-07 35 views
3

我有一个CSS问题发生在IE6中。我完全不知所措,希望别人能够提供帮助。IE6 CSS Bug - ULs&LIs

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

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

应该如何和正在出现:

如果它看起来正确加载网页时,点击到其他的标签,敲出来。

令人讨厌的IE6开发人员工具栏并没有多大用处。只要更改构成选项卡的UL或LI上的任何样式,看起来都不错。如果我在CSS文件中进行相同的更改并刷新,它似乎不起作用。

我知道hasLayout问题,但设置显示:内嵌块或高度:1%元素似乎没有做任何事情。

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

谢谢

回答

0

我想我自己解决了它。

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

谢谢全部

0

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

2

我想看看这个问题,但当我点击'公平的配置文件'或'差的配置文件'选项卡时,我得到的错误'对象引用未设置为对象的实例。

虽然之前我看到过类似的问题,但试着在包含列表或父级div上加上一个底部边框,其ID为ucSearchResults_tbLoansResults。这可能会帮助您诊断问题,甚至可能解决问题。

不能复制它,对我来说调查是非常困难的。你有没有尝试在链接,列表中设置hasLayout?通常我会尝试设置zoom:1或最内层元素的类似内容,然后再测试它是否有效。

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

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

亲切的问候, 娜塔莉

0

我看着你的网站上指定的结果页面,但我不是在寻找标记列表那里。它看起来只是一个表格单元格。它看起来像正在应用CSS重置,这将是我的第一个建议。我的建议是从重置样式表开始,禁用其他样式表以确定问题是否存在。我会用Firefox中的Firebug来诊断这个问题。

2

一个问题是,你有一个空的div和IE6将为文本保留空间。您可以将行高和字体大小设置为零来解决该问题。当然,如果这个div在某些情况下确实有文本,那就行不通了。

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

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