【问题标题】:IE6 CSS Bug - ULs & LIsIE6 CSS 错误 - UL 和 LI
【发布时间】:2012-09-04 01:02:09
【问题描述】:

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

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

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

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

如果页面加载时看起来正确,单击其他选项卡之一会将其关闭。

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

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

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

谢谢

【问题讨论】:

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


    【解决方案1】:

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

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

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

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

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

    亲切的问候, 娜塔莉

    【讨论】:

      【解决方案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 是一个内联元素,不能包含块级元素,每个浏览器都会以不同的方式呈现它。

      【讨论】:

        【解决方案3】:

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

        【讨论】:

          【解决方案4】:

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

          【讨论】:

            【解决方案5】:

            我想我自己已经解决了。

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

            谢谢大家

            【讨论】:

              猜你喜欢
              • 2010-09-07
              • 2011-08-06
              • 2016-01-03
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2011-11-26
              相关资源
              最近更新 更多