Вопрос макета в стиле фейсбук

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

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

куда

  1. верхний и нижний колонтитулы растягиваются по ширине страницы
  2. заголовок всегда остается наверху
  3. нижний колонтитул прилипает к нижней части
  4. контейнер blueprint - это контейнер фиксированной ширины, и все внутри него управляется с помощью blueprint.

Как лучше всего это сделать. Сложность - мои слабые навыки компоновки и понимание того, как сделать колонтитулы текучими, чтобы они всегда растягивались, а контейнер оставался неподвижным.

Источник

2 ответа

Решение

Я думаю, что лучший способ будет использовать CSS. Я загрузил некоторые образцы на http://www.4shared.com/file/zk1Sv21F/Facebook-Style_Bar.html
Также взгляните на http://ryanfait.com/sticky-footer/

Источник

Вам нужно использовать position:fixed; width:100%; height:100px; для верхних и нижних дел. Для центрального: position:relative; margin:100px auto; width:1000px;,

Источник
Другие вопросы по тегам