【问题标题】:Funky rendering in IE for HTML + CSSIE 中用于 HTML + CSS 的时髦渲染
【发布时间】:2009-08-25 20:55:25
【问题描述】:

http://churchcentral.com/rfi.php?site_id=4&division_id=2144 是页面,只有 IE 才是问题所在。如果您注意到,“步骤 2”末尾的文本,“下一页”文本是重复的。如果您突出显示其中任何一个文本部分,IE 将同时突出显示它们。

这是 IE 中的错误吗?我们已经看到这种情况发生在同一页面上,但在不同的时间使用不同的文本,这给某些人带来了问题。

任何帮助都会很棒。

【问题讨论】:

  • IE 中有很多错误,尤其是当您使用大量浮点数时,尤其是当您在 Quirks 模式下工作时。我建议减少浮动并添加合适的 以便 IE 切换到标准模式。

标签: html css internet-explorer rendering


【解决方案1】:

该段落应用float: left 是否有具体原因?如果我删除它,它会正确显示。

此外,您在步骤 1 中复制的样式与上面的 <h2> 完全相同。您也可以在步骤 2 中简单地使用 <h2> 而不是 <p>,对吧?我的意思是,你的大纲现在很奇怪。

预计到达时间:该页面上的几乎所有内容都是浮动的,这让我想到了一个很大的问号:

在我看来,这是一个非常简单的(布局方式)自上而下的页面。我认为你可以在那个 CSS 中简化很多东西。

您可以轻松地在 IE 的开发人员工具中禁用或更改某些 CSS 规则。

【讨论】:

    【解决方案2】:

    如果您删除该段落的 clear 和 float 属性,您将在 Firefox 中看到它上方的浮动文本字段可能是它的原因。因为所有这些浮点数可能 IE 在某个时刻都无法处理它,所以 IE 从来都不是处理浮点数的最佳人选。我也看不出花车是干什么用的,所以你真的需要它吗?

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-11-02
      • 1970-01-01
      • 2014-12-16
      • 2020-04-19
      • 2011-04-25
      • 2020-12-04
      • 2015-02-20
      • 2019-11-03
      相关资源
      最近更新 更多