静的な高さのヘッダーとフッターを使用した垂直レイアウトを普通のHTML/CSSで伸ばす

Question

ヘッダーとフッターが静的な高さを持ち、センターがすべての使用可能なスペースを占め（ウィンドウの高さに合わせて調整する）ヘルプ

psの絶対位置のための

header 
------ 

center 


------ 
footer 

おかげで私のためのオプションではありません。

Answer 1

私は、これはあなたが
jsFiddle

使用マージンが-50pxにミドル<div>のmargin-topとmargin-bottomを設定、または任意の希望ヘッダのそれぞれの高さとフッターがあるために探しているものであると信じています。

また、ページの中央部分にコンテンツを追加する場合は、この（比較的ハッキリ）方法を使用します。 jsFiddle

Answer 2

ジャックリップルの回答は機能しますが、私はアドバイスしません！クロスブラウザとの互換性は単なるものではないかもしれません。 Ryan Faitの "Sticky Footer"を見てみてください。それはhereであることがわかります。そこに別の1つ、すなわち'CSS Sticky Footer'がありますが、私はそれを使用していません。比較的同じように動作し、 'push div'は必要ありません。ただし、thisページの「既知の問題」を必ずお読みください！