See it in action: To further illustrate the issue see jsbin. Older non-standards compliant browsers position the footer under the content as per normal. The only important thing is it must have a bottom padding that is equal to or slightly larger than the height of the footer. It will help pay for my hosting! Demo will only work in Firefox or Safari.
What I've used, and has worked well on desktop and mobile, is: Santosh Khalse Santosh Khalse 5, 2 28 I want the footer to stick to the window bottom when the page is short and the screen is not filled, and stay at the document end and move down as normal when there is more than a screenful of content instead of overlapping the content. Obromios 3, 23
Join the Stack Overflow Community. Many people using dummy content on a standard-sized monitor will not notice this issue. Tidy CSS View Compiled CSS Analyze CSS Maximize CSS Editor Minimize CSS Editor. Please look at that link, I want the opposite: Copy and paste this code: Here are the others: Copyright by Refsnes Data.