How do I get my wrapper push down into sticky footer?

In this ryanfait.com/sticky-footer and cssstickyfooter.com has some solution using simple css and html. The footer sticks to the bottom is the page is less than viewport.In case the page height increases more than viewport size then the footer is appended to the bottom of page, that is footer will not overlap with main body.

Check this out, although it doesnot use jquery. How to align footer (div) to the bottom of the page? In this ryanfait.com/sticky-footer/ and cssstickyfooter.com/ has some solution using simple css and html.

The footer sticks to the bottom is the page is less than viewport. In case the page height increases more than viewport size then the footer is appended to the bottom of page, that is footer will not overlap with main body.

You needn't use jQuery to achieve this, you should be able to use pure CSS. Something like this: #footer { position: fixed; bottom: 0; left: 0; width: 100%; } Then just make sure you have enough padding on the bottom of your main content to ensure it isn't obscured by the footer when scrolled to the end.

This will stick the footer to browser window rather then html body. So the webpage will be going behind this footer anyway whenever there is scroll. In some cases this might be desirable like the stack overflow notification which appears at the top, the orange color bar that sticks there until someone clicks the cross.

– samarjit samanta Feb 21 at 3:16.

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.