How to create bottom fixed position in HTML?

Question

I want to create a boxed menu at the very bottom of the browser window.

• It should stay below when the content does not fill the entire screen.
• When the content overflows, it should only be at the bottom when you scroll down (i.e. you don't see it unless you scroll).

How to do it?

Answer 1

I think what you are looking for is called a “sticky footer,” and there are several methods. I suggest you familiarize yourself with these sites:

• http://ryanfait.com/sticky-footer/
• http://www.cssstickyfooter.com/

Zoom in / out on each site to see how it appears when content reaches the footer or not.

Both methods do not match one: they require you to know the height of the footer - but I have not seen better solutions with CSS alone.