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

时间:2011-03-30 21:12:23

标签: html css internet-explorer cross-browser css-float

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

这是我编写的第一个WP主题,虽然我已经学到了一些未来的优秀课程,但代码却不够优雅。

它在现代浏览器中运行良好,但很可能此网站的大量访问者不会更新浏览器。

在我看来,整个造型中都存在一个重复的核心问题,如果我能发现它是什么,那么我将更接近于修复主题。

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

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

1 个答案:

答案 0 :(得分:1)

我不确定它是浮子的问题。

在添加“sidebar-alt”div之前,您的HTML代码中似乎没有关闭“侧边栏”div。这意味着“sidebar-alt”和“content-article”div包含在“sidebar”div中,它只有120px的宽度 - 因此它们都被压在左边。

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

要解析导航栏,您需要从“a”标记中删除高度和宽度。

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