Internet explorer 6 IE6-缺少背景图像，标题中有额外像素，大多数内容偏离中心

让我的wordpress网站在IE6中正确显示存在重大问题

链接到下面的屏幕截图。我的背景图像不见了，导航系统又多了几个像素，我的大部分内容都偏离了中心

www.genevarealtyrust.com/content/wp-content/themes/wp-terra-basic/images/ie6_wpterra.jpg

FF屏幕截图（链接如下）是它应该是什么样子。已经在Safari、Firefox的几个版本和IE7中进行了尝试，所有这些看起来都是他们应该的样子。IE6是唯一给我带来麻烦的

www.genevarealtyrust.com/content/wp-content/themes/wp-terra-basic/images/ff_wpterra.jpg

有什么想法吗

链接：www.genevarealtyrust.com/content

我已经验证了我的代码，并尝试了一些事情，但没有成功

---

救命啊！谢谢你

这并不是对你问题的真正回答（而且因为我没有足够的代表评论：），但是试着浏览一下常见的IE CSS错误。它帮助我解决了CSS中的一些问题，但IE6是一个战区。否则，我真的建议你去买一本很棒的书

您可以尝试使用条件样式。在文档的标题中粘贴：

<!--[if lte IE 6]>
<link rel="stylesheet" media="screen,projection" href=www.example.com/ie.css" type="text/css" />
<![endif]-->

在新的css中显式地使用

没有背景：可能是路线。尝试将“左上”之类的内容添加到背景图像定义中。例如：

background-image: url('../img/site-bg.jpg') no-repeat scroll top right;

#something {
 width: 100px;
 margin: 10px auto;
}

内容中心化：在CSS中，有两种方法来中心化内容。第一：将父元素文本对齐属性设置为居中。第二：定义宽度并将边距设置为自动上下边距值。例如：

background-image: url('../img/site-bg.jpg') no-repeat scroll top right;

#something {
 width: 100px;
 margin: 10px auto;
}

---

我希望这将有助于解决您的任何问题：）

谢谢大家的提示！Daveslab，我一定会把这个列表放在手边，谢谢你的推荐书

居中问题/缺少背景图像：

我制作了另一个css文档，这给了我更多的实验空间——我能够通过尝试和错误将css简化一点，从而解决缺少的背景图像和居中问题。（已移除浮子、位置…）

额外像素：

最终修复了标题底部的3个像素的是。。。真蠢

显然IE6在标题图像的底部额外加了3个像素，因为我的html代码被分割成3行

<div id="header">
<img src="url" />
</div>

我只需将它们全部组合成一行，底部多余的填充物就消失了。哑的（而且很丑）

---

我在右边还有一个额外的像素，我正在尝试解决这个问题-仍在调查中。

不幸的是，你会意识到验证代码对于IE6来说并不重要。哈哈，是的。。。。我肯定在那里。。。。那你是做什么的？放弃你的网站，重新开始，希望下次能成功？