To summarize (and this came from the CSS Sticky Footer link provided by Traingamer), this is what I used.
To summarize (and this came from the CSS Sticky Footer link provided by Traingamer), this is what I used: html, body { height: 100%; } #divHeader { height: 100px; } #divContent { min-height: 100%; height: auto! Important; /*Cause footer to stick to bottom in IE 6*/ height: 100%; margin: 0 auto -100px; /*Allow for footer height*/ vertical-align:bottom; } #divFooter, #divPush { height: 100px; /*Push must be same height as Footer */ } Header Content Text Footer.
Here's the fiddle jsfiddle. Net/KFur6/1 – Hamid Nazari Dec 7 at 6:55.
To expand on Mitchel Sellers answer, give your content div height: 100% and give it a auto margin. For a full explanation and example, see Ryan Fait's CSS Sticky Footer. Since you know the size (height) of your header, put it inside the content div (or use margins).
Position absolute will give you problems if your content is larger (taller) than the window.
If you are trying to maximize the height of your content div, in the CSS add height: 100%.
I found that if you have 3 divs, for example: ... ... ... and you make the content div 100% height, it will size the the height of the page, but waht I want is for it to size to the height of the page minus the other divs – Jeremy Oct 15 '08 at 22:09.
You've got it. The footer should always be at the bottom, unless the content is larger in which case it would push the footer down further. – Jeremy Oct 15 '08 at 22:01.
Solution example with scroll bar for oversized content cssplay.co.uk/layouts/fixit.html.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.