我是CSS和HTML的新手，所以请原谅noobness。
我要做的是根据网页中包含的文字数量让网站的主要区域调整大小。我搜索过并搜索过，但一直无法找到合适的答案。我尝试过的一件事就是将每个“部分”放入一个表格中，但我无法让它发挥作用。
非常感谢任何帮助谢谢！
由于发布限制，我无法直接发布图片： http://img402.imageshack.us/img402/6084/sitevuc.png
这是HTML：
<body>
<div id="header"></div>
<div id="main"><p>Content</p><p>Content</p><p>Content</p><p>Content</p></div>
<div id="footer"></div>
</body>
这是CSS：
#header {
background: url(images/bg_pages.png) repeat-x;
min-height: 973px;
min-width: 1680px;
}
#main {
background:#fff;
min-height: 100px;
min-width: 1680px;
}
#footer {
background:url(images/footer_pages.png);
min-height: 51px;
min-width: 1680px;
}