Html 在页眉/页脚保持静止时滚动内容

我有一个网站，当内容滚动时，页眉/页脚在屏幕的顶部/底部保持静止。我一直在遵循这一点，解释如何实现这种效果，这对我来说是可行的。当您向下滚动内容时，您会注意到内容的背景图像被截断。我不明白为什么会发生这种情况，因为我已经将背景图像设置为

repeat-y

。我还注意到页脚似乎也隐藏了一些内容

为了实现这种只显示内容的滚动效果，我添加了

position:fixed到页眉/页脚。我把内容放在
位置：绝对
将页脚固定在屏幕底部

->

首先，将
底部：0
添加到页脚。这将使它下降到底部
现在，取下
位置：绝对
关闭
#内容
最后，在
#content
的顶部和底部添加额外的填充，这样文本就不会隐藏在页眉/页脚后面
Firebug告诉我这将解决您网站上的问题
 除非内容背景应该移动，否则您也可以尝试将其固定到位：
background:url（../img/body.png）160px 0 fixed仅供参考，在我的屏幕上，页脚距离屏幕底部约30px。我希望内容背景移动：）@JakeParis您使用的是哪种浏览器？FFx。。。哎呀，是时候再次更新版本了！那里Firefox 12.0你是说高度：250px？问题是我不知道每一页内容的高度，这样做很有效。如果我将页面内容缩短为几行，背景图像不会一直平铺到页脚。酷。从来都不知道标签的存在。由于我不知道每个用户屏幕的
minheight
，我将研究使用JavaScript添加
minheight
。或者有更好的方法来处理这个问题吗？只需添加一个最小高度，至少对大多数人来说足够大。我有一个
1680x1050
屏幕，
450px
对我来说足够大。我试过了，但这意味着如果窗口高度小于1050，滚动条会比需要的大。