facebook макет стиля вопрос

Question

Я пытаюсь подражать этот простой макет:

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

Где

1. заголовок и нижние колонтитулы растягиваться по всей ширине страницы
2. заголовок всегда остается на вершине
3. нижние колонтитулы внизу
4. контейнер для контейнеров - контейнер с фиксированной шириной и все в порядке ide управляется с использованием плана.

Что лучше всего для достижения этого. Задача состоит в том, что мои слабые навыки макета и понимание того, как сделать верхнюю/нижнюю колонтитулы так, чтобы они всегда растягивались, но контейнер остается неподвижным.

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;. Для центрального: position:relative; margin:100px auto; width:1000px;.