Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
What is the simplest way bo build vertical layout where header and footer have static height and the center occupies all available space (and adjusts to the window height).
header
------
center
------
footer
Thanks for help
ps Absolute positioning is not an option for me.
I believe this is what you are looking for
jsFiddle
Use margins to set the
margin-topandmargin-bottomof the middle<div>to-50px, or whatever the respective height of your desired header and the footer is.Alternatively use this (relatively hacky) method if you want to add content to the middle part of the page.
jsFiddle