css - ie7页脚停留在页面底部的问题

Question

如果有人可以请帮助我在 IE7 中遇到我的网站问题。转到此链接

测试页面链接

当您加载页面然后将鼠标悬停在顶部导航链接之一上时，页脚会在页面上向上射出一半的距离，并且只能通过滚动右侧的另一个选项卡来重置。

到底他妈发生了什么？这是 DOCTYPE 还是 CSS 问题？这是我已经检查过的

1. 文档类型
2. 图像高度和宽度的 CSS 样式，以查看它是否释放某种高度（我不知道）
3. 重复的css样式

任何帮助都会很棒谢谢

Answer 1

只需添加：

overflow:hidden

到#nav

顺便说一句，有一些更好的纯 CSS 翻转技术，以防万一你不知道

Answer 2

这有一种奇怪的气味（来自您的 CSS 文件）：

.rollover { display: block; cursor: pointer; }
/* Allow setting widths and heights */

.rollover img { width: 100%; height: 100%; border: 0; }
/* only set width and height once */

.rollover:hover { visibility: visible; /*for IE */ }
/* sets any property for the :hover state */

.rollover:hover img { visibility: hidden; }

我会在这里玩这个，也许摆脱可见性黑客......

如果你想让某些东西不显示，请使用display: none;而不是visibility: hidden;

编辑：虽然这可能是也可能不是解决方案，但我过去常常在我的源代码中添加无尽的注释，以便在开发时“知道我在哪里”。有一天，我在 IE 中遇到了一个奇怪的错误，它是由使用奇怪的注释组合产生的。在我删除所有评论后，错误消失了......我不是说，我只是说......也许值得一试......

Answer 3

我想添加评论。但是，我没有任何要点可以添加评论。这就是为什么添加它作为答案。

我正在使用 IE8。我已经打开了您在 IE8 中提供的链接，但我没有注意到您提到的内容。它工作正常...如果可能，您可以尝试使用 IE8。

谢谢，斯里克里希纳。

Answer 4

真是奇怪的问题……

我只是好奇你的花车：左；#footer 上的属性，在我删除它之后它似乎工作。试试看...

希望能帮助到你。思南。