我正在寻找一个基于css的网页模板，其中内容的内容很少时，主要内容div会占据视口的整个高度(减去页眉和页脚的高度)。页脚应位于视口的底部(而不是内容的正下方，而不是显示在视口的中间)。内容区域需要垂直扩展以与页脚顶部齐平。情况1

在所有其他内容不只需要视口区域的情况下，作为标准Web设计，页脚可以位于网页底部(而不是视口底部)。

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

案例1的草图：

--------------   <-----
header area  |         |
-------------|         |
small content|         |   
             |     viewport
             |         |
             |         |
-------------|         |
footer area  |         |
--------------   <-----

all other cases:

--------------   <-----
header area  |         |
-------------|         |
big content  |         |   
             |     viewport
             |         |           
             |         |
             |         |
             |         |
             |    <----      
             |         
-------------|         
footer area  |         
--------------

解决方案

这里的例子：
http://www.rossdmartin.com/aitp/index.htm

更深入的资源：

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

寻找" Footer Stick Alt" ...关于如何使这项工作的博客很长。

由Cameron Adams又名"蓝色男人"完成。