вопрос макета в стиле фейсбук - PullRequest
3 голосов
/ 01 сентября 2010

Я пытаюсь эмулировать этот простой макет:

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

Где

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

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

Ответы [ 2 ]

0 голосов
/ 01 сентября 2010

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

0 голосов
/ 01 сентября 2010

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

...