使用 IE6/7 解决跨浏览器兼容性和 CSS答案

【问题标题】：Tackling Cross-Browser Compatibility and CSS w/ IE6/7使用 IE6/7 解决跨浏览器兼容性和 CSS
【发布时间】：2011-07-26 10:27:05
【问题描述】：

我在 IE6/7 的这个 wordpress 主题中遇到了严重的 CSS 浮动问题： http://032b4a6.netsolhost.com/WordPress/

这是我编写的第一个 WP 主题，虽然我为将来学到了一些很棒的课程，但代码并不优雅。

它在现代浏览器中运行良好，但该网站的大量访问者很可能没有更新的浏览器。

在我看来，在整个样式中重复出现了一个核心问题，如果我能发现那是什么，那么我将更接近于修复主题。

我找到了this page，它似乎提供了一些建议，但最终使我的任务听起来不可能。是否有其他资源或常见建议可用于解决 IE 的交叉兼容性浮动问题？

更重要的是，如果您能够在 IE6 或 IE7 中查看该网站，您对我如何解决浮动问题有什么具体建议吗？

【问题讨论】：

【解决方案1】：

我不确定这是浮动的问题。

在您的 HTML 代码中，您可能没有在添加“sidebar-alt”div 之前关闭“sidebar”div。这意味着“sidebar-alt”和“content-article” div 包含在只有 120 像素宽度的“sidebar” div 中 - 因此它们都被压扁在左侧。

要解决“热门图片”和“相关页面”标题的问题，您可以考虑在 div 中使用背景图片。

要解析导航栏，需要去掉'a'标签的高度和宽度。

我希望这有助于解决您的问题。

【讨论】：

如果修复 html 标签后仍然无法正常工作，请尝试使用现代化的 javascript 文件，例如 code.google.com/p/ie7-js
@anthonyvscode：javascript 不只用于滑块吗？似乎很多问题仍然与 HTML/CSS 有关 @Ben：我绝对应该先去那里，但我认为它是交叉兼容性的，因为在现代浏览器中一切看起来都很好。
另外，非常感谢“我的头”，虽然这并没有解决所有问题，但它确实让我走上了一条看起来更有成效的道路。
@jhsizemore 那个 javascript 文件只是让旧的 IE 浏览器（5.5 到 8）对它们中存在的一些基本 html/css 问题进行了处理。