我正在寻找一个基于CSS的网页模板,其中主内容div占用视图端口的全高(减去页眉和页脚高度),当其内容有几行时.页脚应位于视口的底部(而不是在内容的右下方,而不是在视口的中间显示).内容区域需要垂直扩展以与页脚顶部齐平.情况1
在内容需要多于视口区域的所有其他情况下,页脚可以位于网页的底部(而不是视口的底部)作为标准网页设计.
指向特定链接或示例代码的链接.不要提到模板网站并告诉我在那里进行搜索.必须至少在IE 6和FF中工作.如果需要Javascript,只要浏览器不支持JS就可以了,它默认将页脚放在内容区域的底部而不会破坏布局.
案例#1的草图:
-------------- <-----
header area | |
-------------| |
small content| |
| viewport
| |
| |
-------------| |
footer area | |
-------------- <-----
all other cases:
-------------- <-----
header area | |
-------------| |
big content | |
| viewport
| |
| |
| |
| |
| <----
|
-------------|
footer area |
--------------