网页模板，其中内容占据整个视图高度-端口if有1行减去页脚

Question

我正在寻找一个基于CSS的网页模板，其中的主要内容div占据了查看端口的全部高度(减去页眉和页脚的高度)，而它的内容有几行。页脚应该在视口的底部，而不是内容的正下方，因为它更多地位于视口的中间。内容区域需要垂直扩展才能与页脚顶部连接。

如果内容需要比视区更多的空间，那么页脚可以在网页的底部(而不是视区的底部)作为标准的网页设计。

到特定链接或示例代码的链接值得赞赏。不要提到一个模板站点，并告诉我在那里进行搜索。必须至少在IE 6和FF中工作。如果需要JavaScript，只要浏览器不支持JS就可以，它默认将页脚放在内容区域的底部，而不破坏布局。

案例#1的草图：

--------------   <-----
header area  |         |
-------------|         |
small content|         |   
             |     view-port
             |         |
             |         |
-------------|         |
footer area  |         |
--------------   <-----


all other cases:

--------------   <-----
header area  |         |
-------------|         |
big content  |         |   
             |     view-port
             |         |           
             |         |
             |         |
             |         |
             |    <----      
             |         
-------------|         
footer area  |         
--------------   

Answer 1

示例如下：http://www.rossdmartin.com/aitp/index.htm

更深入的资源：

• http://www.themaninblue.com/experiment/footerStickAlt/
• http://ryanfait.com/sticky-footer/

Answer 2

查找“页脚杆Alt"...有一篇很长的博客写了关于如何让它工作的文章。

Done by Cameron Adams a.k.a. "The Man in Blue"。