IE7 div（容器内）差距和误判问题

Question

我有一个问题，IE7根本无法正常显示我的DIV ..Firefox 3，Safari，Opera，Chrome，IE8甚至IE6（有一些JS帮助）显示页面很好，但由于某种原因，在IE7的页脚似乎是......在容器外面。您可以在下面的屏幕截图中清楚地看到页脚和#content div之间的差距。 #information div也存在一些错位。

指向实际网站的链接是：http://chronologic.ath.cx。

我几乎可以保证这个问题是由于我完全缺乏对CSS的理解造成的，所以我为这个凌乱的标记道歉。

Answer 1

它似乎是clearing floats的一个问题，因为#footer内的两个元素都是浮动的。尝试添加#footer { overflow:hidden; }。

Answer 2

快速浏览一下，但您可能想重新考虑将height: 100%应用于div＃container。较旧版本的IE通常不会按预期运行，并且100％表示页面的宽度或高度，而不是它所在的容器。我无法在没有进一步调查的情况下验证这一点。

Answer 3

overflow:hidden clear:both并确保您已使用html { padding: 0; margin: 0;}重置HTML以解决问题