3

この単純なレイアウトをエミュレートしようとしています:

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

どこ

  1. ヘッダーとフッターがページの幅全体に広がる
  2. ヘッダーは常に上部にあります
  3. フッターが一番下にくっつく
  4. blueprint コンテナーは固定幅のコンテナーであり、その中のすべてが blueprint を使用して管理されます。

これを達成するための最良の方法は何ですか。課題は、私の弱いレイアウト スキルと、ヘッダー/フッターを流動的にする方法を理解していることです。これにより、ヘッダー/フッターは常に伸びますが、コンテナーは固定されたままになります。

4

2 に答える 2

0

CSSを使うのが一番いいと思います。私はいくつかのサンプルをアップロードしましたhttp://www.4shared.com/file/zk1Sv21F/Facebook-Style_Bar.html
もご覧くださいhttp://ryanfait.com/sticky-footer/

于 2010-09-01T18:25:50.750 に答える
0

position:fixed; width:100%; height:100px;上下の divに使用する必要があります。中央の場合: position:relative; margin:100px auto; width:1000px;.

于 2010-09-01T18:17:58.847 に答える