主要问题是让我的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
我已经验证了我的代码，并尝试了一些方法，但没有成功。
帮助！欣赏它！
答案 0 :(得分：1)
您可以尝试使用条件样式。在文档的 head 部分粘贴：
<!--[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;
}
我希望这有助于解决您的任何问题：）
答案 1 :(得分：0)
这不是你的问题的真正答案（因为我没有足够的代表评论:)），但尝试运行this list常见的IE CSS错误。它帮助我解决了我的CSS中的一些问题，但IE 6是一个战区。否则，我真的建议你买一本精彩的书Bulletproof Web Design。
答案 2 :(得分：0)
感谢提示家伙们！ Daveslab，我肯定会把这个清单放在手边，谢谢你的推荐。
居中问题/缺少背景图片
我制作了替代css文档，这给了我更多的实验空间 - 我能够通过试错来简化问题部分的CSS，从而解决缺失的背景图像和居中问题。 （删除浮动，位置......）
额外像素：
最终修复了标题底部3个像素的结果是......只是愚蠢。
显然IE6在标题图片的底部应用了额外的3个像素，因为我的div的html代码被分成了3行......
<div id="header">
<img src="url" />
</div>
我只需将它们全部组合成一行，底部的额外填充消失了。笨......（又丑陋）
<div id="header"><img src="url" /></div>
我仍然在右侧有一个额外的像素，我正在努力解决 - 仍在调查。