Question about facebook style

I am trying to imitate this simple layout:

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

Where

  • header and footer stretch across page width Header
  • always upstairs
  • footer below.
  • The drawing container is a fixed-width container, and everything inside it is managed using a plan.

What is the best thing to do for this. The challenge is that my poor layout skills and understanding of how to make the header and footer so that they always stretch, but the container remains stationary.

+3
source share
2 answers

I think the best way is to use CSS. I have downloaded some examples in http://www.4shared.com/file/zk1Sv21F/Facebook-Style_Bar.html < br/ " > http://ryanfait.com/sticky-footer/

0

position:fixed; width:100%; height:100px; div. : position:relative; margin:100px auto; width:1000px;.

0

Source: https://habr.com/ru/post/1762718/


All Articles