IE6 的格式问题与 IE 6 配合良好

Question

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

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

您可以在下面找到网址&你可以在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

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