Question

I have a web form against a white background that allows the user to make certain selections. Depending on the selection that the user makes, this form could grow very long lengthwise. (Although I advised against it, the client was adamant). The form works fine and I’m happy.

However, at the bottom of the form is a div footer that is black and has a height of 50 pixels and the width = 100%. Is it possible to use jQuery to always keep it at the bottom of the form no matter what the user chooses?

Here is the page I am referring to.

Answer 1

There is no need to use javascript for this. Just apply following css properties to the footer –

position:absolute;
bottom:0;