Facebook的風格佈局問題

Question

我試圖仿效這種簡單的佈局：

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

凡

1. 整個頁面寬度的頁眉和頁腳拉伸
2. 頭始終保持在頂部
3. 頁腳粘到底部
4. 藍圖容器是一個固定寬度的容器，它使用藍圖進行管理。

什麼是最好的方式來完成這一點。我面臨的挑戰是我的佈局技巧和理解如何使頁眉/頁腳流暢，以便它們始終伸展，但容器保持固定。

Answer 1

我認爲最好的方法是使用CSS。我在http://www.4shared.com/file/zk1Sv21F/Facebook-Style_Bar.html
上傳了一些樣品也看看http://ryanfait.com/sticky-footer/

Answer 2

您需要使用position:fixed; width:100%; height:100px;作爲頂部和底部的div。對於中央：position:relative; margin:100px auto; width:1000px;。