css - IE6 的格式问题在 IE 6+ 上运行良好

Question

我的网站在 IE 6+ 中运行良好，但在 IE 6 或 IE 5.5 中看起来很奇怪，因为我不能忽略使用 IE6 的用户，因为仍然有大约 6% 的流量来自这个版本。我期待着有替补。

通过我的一些研究，我了解到通过设置 haslayout 属性，我可以解决格式问题，但我认为自己的 CSS 非常差，因此我需要你的帮助来纠正这个问题。

您可以在下面找到 URL，您可以在 IE6 中看到它的行为，以防万一您无法测试可以通过查看源代码进行检查，请分享您的建议。

网址：http ://anujtripathi.net/BlogListing.aspx?Id=2

Answer 1

您的代码（default.css）：

.bg1 {
    padding: 0 7px 20px 0px;
    border-top: 1px solid #FFFFFF;
    background: #FFFFFF url(images/img4.gif) repeat-x;
        width: 95%; 
}

尝试缩小 95% 到 92% 左右。

您可以像这样使用 IE6 hack：

.bg1 {
  padding: 0 7px 20px 0px;
  border-top: 1px solid #FFFFFF;
  background: #FFFFFF url(images/img4.gif) repeat-x;
  width: 95%;
}

* html .bg1 {
  width: 92%; /* Star Html Hack IE6 only */
}

*+html .bg1 {
  width: 93%; /* Star Html Hack IE7 only */
}

但我强烈建议学习正确的方法并查看以下链接以组织 CSS 以实现跨浏览器兼容性： 处理 IE 兼容性问题的最佳方法是什么？

Answer 2

我会查看您的边框宽度、边距和填充。看起来您的内容被下推，因为没有足够的水平空间。为了快速检查，让你的主容器更长一点，看看内容是否向上移动。