IE6与IE 6+合作的格式问题

Question

我的网站在IE 6+中完美工作，但在IE 6或IE 5.5中看起来很奇怪，因为我不能忽略IE6的用户，因为此版本中仍有大约6％的流量。我期待着替代。

通过一些研究，我知道通过设置Hoslayout属性，我可以解决格式化问题，但是我认为自己在CSS中非常贫穷，因此我需要您的帮助来纠正此问题。

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

URL： 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

我会看您的边界宽度，边缘和桨板。由于没有足够的水平空间，看起来您的内容被推倒了。要进行快速检查，请使主容器更长一点，然后查看内容是否移动。