除了IE7之外，网站在所有方面都很好用，

Question

我似乎不明白为什么我的网站在IE7中崩溃了，我确定它一定与CSS中的某些东西有关，但我找不到它，这让我发疯。我觉得我看艺术作品看得太久了，看不出有什么问题。有没有人能带着一双新鲜的眼睛进来帮忙呢？谢谢=)

网址：rburtonart.com

Answer 1

我找不出问题所在，但是如果你对if有问题(谁不会呢？)，那么Conditional Comments就是你的朋友！

它们允许您添加仅在IE或特定IE版本中活动的代码。示例：

<!--[if IE]>
alternate style or stylepage for broken IE implemention of CSS
<![endif]-->


<!--[if IE 7]>
Fix for something broken only in IE7, not any other version.
<![endif]-->

这两个在任何其他浏览器中都不会做任何事情--它们只是另一个无害的注释。如果你对那些讨厌的IE6用户感到讨厌，你可以针对他们升级一个nag (要么升级到另一个浏览器，要么升级到更新的版本)。

编辑:在IE8之前发现它的，IE在浮点数和布局方面有问题。我认为这会起作用，因为我在类似的情况下使用了类似的东西。

您需要添加一个包含blcok- header元素的条件注释，以强制标题DIV下面的#content DIV。这应该是空的，并强制它下面的所有内容。

尝试在标题div的末尾和声明之间添加以下内容(第79行)。如果您看到标题和内容之间有太多空格，您可以对其进行修补。

<!--[if IE 7]>
<div style="clear: both; width: 100%; padding:0; margin:0; height:1px;">&nbsp;</div> 
<!-- Fix for IE box model issues with content div -->
</div>
<![endif]-->

Answer 2

您不会说出出了什么问题，我手头上也没有IE7，但是对于初学者来说，您的站点不会验证为XHTML Strict (您指定的doctype)，也不会验证为CSS。在做任何其他事情之前，我会先修复验证错误。

Answer 3

您的菜单en footer li需要

float: left;

你的中间部分在闪光灯的高度上有虫子...

我想你需要仔细看看这一点。

IE现在提供了一个方便的开发人员工具，您可以在其中动态更改css。