facebook风格的布局问题

Question

我试图模仿这个简单的布局：

_______________________________________
|____header___________________________|
     |                           |
     |                           | 
     | Blueprint Container       | 
     |                           | 
     |                           |
     |                           |
     |                           |
     |                           |
_____|___________________________|_____
|__footer______________________________|

其中

1. 页眉和页脚在页面宽度上伸展
2. 标题始终位于顶部
3. 页脚粘到底部
4. 蓝图容器是一个固定宽度的容器，其中的所有内容都使用蓝图进行管理。

实现这一目标最好的方法是什么。挑战在于我的布局技巧薄弱，并且理解如何使页眉/页脚流畅，以便它们始终伸展，但容器保持固定。

Answer 1

您需要使用position:fixed; width:100%; height:100px;作为顶部和底部div。对于中央问题：position:relative; margin:100px auto; width:1000px;。

Answer 2

我认为最好的方法是使用CSS。我已在 http://www.4shared.com/file/zk1Sv21F/Facebook-Style_Bar.html上传了一些示例。另请查看 http://ryanfait.com/sticky-footer/