CSS - 将页面居中 - 然后使页面高度为 100%

我正在尝试将页面居中，然后将其制作100%在高度上。 我有一个名为“content”的 div 作为 HTML 页面中所有元素的父元素。 接下来我需要做什么？我想远离任何 CSS-hacks。 目前该功能在 IE7 中有效，但在 Firefox 3 中无效。

EDIT:我添加了高度：100%; to #content这就是它在 IE 中工作的原因。火狐还是没有解决。

到目前为止我的样式表是：

html, body
{
    width: 100%;
    height: 100%;
}

body
{
    background-color: #000;
    text-align: center; 
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto; 
} 

#content
{
    position: relative; 
    text-align: left;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 840px;
    height: 100%;
    padding: 0px 5px 5px 5px;
}

要使内容居中，请将其放在具有固定宽度（重要！）并且具有固定宽度的元素内margin: auto;

除非你使用 javascript，否则没有跨浏览器可以让你的 div 具有 100% 的高度。如果您非常需要此功能并且愿意使用 JavaScript，则可以通过将内容的高度设置为窗口高度来动态设置内容的高度。我从来没有这样做过，所以我不会告诉你到底是怎么做的，但通过谷歌搜索应该很容易找到。