让我的 wordpress 网站在 IE6 中正确显示时遇到重大问题。
链接到下面的屏幕截图。我的背景图像丢失了，导航被击倒了几个额外的像素，我的大部分内容都偏离了中心。
www.genevarealtytrust.com/content/wp-content/themes/wp-terra-basic/images/ie6_wpterra.jpg
FF 屏幕截图（链接如下）是它应该的样子。已经在 Safari、几个版本的 Firefox 和 IE7 中尝试过，并且看起来都符合他们的预期。IE6是唯一给我带来麻烦的。
www.genevarealtytrust.com/content/wp-content/themes/wp-terra-basic/images/ff_wpterra.jpg
有任何想法吗？？
链接：www.genevarealtytrust.com/content
我已经验证了我的代码，并尝试了一些东西，但没有成功。
帮助！欣赏它！
您可以尝试使用条件样式。在文档的头部粘贴：
<!--[if lte IE 6]>
<link rel="stylesheet" media="screen,projection" href=www.example.com/ie.css" type="text/css" />
<![endif]-->
现在您可以开始编辑 ie.css 而不必担心破坏其他浏览器的设计。
导航周围的额外空间：IE 有时具有与其他浏览器不同的默认边距/填充。尝试定义
#something {
margin: 0;
padding: 0;
}
在您的新 css 中明确显示。
没有背景：也许是对齐。尝试将“左上角”之类的内容添加到您的背景图像定义中。例子：
background-image: url('../img/site-bg.jpg') no-repeat scroll top right;
内容居中：在 CSS 中有两种方法可以使内容居中。第一：设置父元素text-align属性为center；. 第二：定义宽度并将边距设置为top-bottom-margin-value auto；. 例子：
#something {
width: 100px;
margin: 10px auto;
}
我希望这将有助于解决您的任何问题:)
谢谢提醒伙计！Daveslab，我一定会把这份清单放在手边，感谢您推荐这本书。
居中问题/缺少背景图像：
我制作了备用 css 文档，这给了我更多的实验空间——我能够通过反复试验为有问题的部分简化 CSS，从而解决丢失的背景图像和居中问题。（删除浮动，位置...）
额外像素：
最终修复标题底部的 3 个像素的方法是……简直愚蠢。
显然 IE6 将额外的 3 个像素应用到标题图像的底部，因为我的 html 代码为该 div 被分成 3 行......
<div id="header">
<img src="url" />
</div>
我只需要将它们全部组合成一行，底部的额外填充就消失了。愚蠢的......（和丑陋的）
<div id="header"><img src="url" /></div>
我仍然在尝试解决右侧的额外像素 - 仍在调查中。
这并不是您问题的真正答案（因为我没有足够的代表发表评论:)），但请尝试浏览此常见 IE CSS 错误列表。它帮助我解决了我的 CSS 中的一些问题，但 IE 6 是一个战区。否则，我真的建议你买一本很棒的书Bulletproof Web Design。