I am beating my head against a wall trying to figure out why the code I have written for a particular site doesn’t quite work.
The main body of my pages (the white area in link below) should be stretching from navigation to the footer but only does so on certain pages.
The footer is automatically placed at the bottom of every page regardless of height (i.e. will be at page bottom on a 400px height page).
Is it possible I am just missing something very basic?
I have posted a link to the dev version of the site at:
The pages I am having trouble with are index and the ‘enroll’ link.
It’s because there is not enough content to fill it all the way out if you have a large viewing area. If you look on a monitor with a larger window, you can see that it is not white all the way to the footer.
EDIT: add the line padding-bottom:100px to #bodyContainer and margin-top:-100px to #footer and it will work.