Question

我的网站在IE 6+中完美运行，但在IE 6或IE 5.5中看起来很奇怪，因为我无法忽略IE6的用户，因为仍有大约6％的流量来自此版本。我期待有候补。

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

您可以在下方找到以下网址＆amp;你可以在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黑客：

.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以实现跨浏览器兼容性： What is the best way to deal with IE compatibility issue?

Answer 2

我会看看你的边框宽度，边距和填充。看起来您的内容因为没有足够的水平空间而被推下。要快速检查，请将主容器放一段时间，看看内容是否会升级。

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

2 个答案: