align an element to the bottom of window

Question

I am trying to use jQuery to calculate the window height then apply that value to a DIV (the container div) finally i want the jQuery to align an element to the bottom of the page.

<div id="wrapper">
    <div id="element-align">Here is the element i wish to align to the bottom</div>
</div>

Answer 1

Further to my question on your OP, this can be done in CSS:

#element-align {
    position: fixed;
    bottom: 0;
}

If needs be you can also add left/right to the element, but the fixed positioning will mean that the element will always appear in the same place relative to the browser chrome, regardless of the scroll position of the page.