Firefox问题 - 如果我滚动然后调整窗口大小，图像就会消失

Question

我有一个我正在设计的页面，它纯粹是带有CSS样式表的html。 我设置了可滚动内容，页眉和页脚有点像这里的示例：http://www.cssplay.co.uk/layouts/basics2.html 除了我的页眉和页脚由多个图像组成而不是文本。

我遇到的问题是，当我向下滚动页面并将窗口调整为较小的尺寸时，我的页眉和页脚会消失......但仅限于Firefox。 当我再次最大化窗口时，页脚出现但是大约300-400多个像素太高而标题仍然消失。 Safari，Opera和Chrome都运行良好;我可以根据需要调整浏览器窗口的大小，并且我的页面会做出适当的反应。

可能导致这种情况的原因是什么？ 奇怪的是，如果我根本不滚动，然后继续调整窗口大小，Firefox会保留我页面的样式...... 可能是溢出：滚动问题？

谢谢大家

抱歉，我忘了包含我的链接： http://www.theskycaptain.com/THESKYCAPTAIN.COM/projects/cosmicwomb.html

（我意识到乐队演奏者行为不正常而且我的代码有点混乱，但我正处于开发阶段，我刚刚主持它以解决这个问题：只需向下滚动一下，调整窗口大小，然后最大化，你会看到我的意思）

Answer 1

您的网页包含未正确定义的img和br代码everywhere，其中包含需要清理的其他错误。

错误示例：

<img src="../image/topspace.png"></img>

正确例子：

<img src="../image/topspace.png" alt="image" />

有关img标签的更多信息，请阅读here。

另外，改变：

</br>

要：

<br />

Answer 2

尝试为绝对定位的元素提供顶部和底部值。

即

.topspace, .headercon, .scroller { top: 0px; }
.footer { bottom: 0px; }

^{（这些不一定是你想要的确切值，只是一个例子）}