Aligning gradient or framing background images to the bottom of the document <body> can be frustrating since height queries on that DOM element yields a value that’s not the full height of your web browser’s viewport. To have an image stick to the browser’s bottom whilst also considering scrolling, you must use JavaScript to calculate the alignment’s y-height on the fly and reassign the CSS background-position property.

Read the rest of this entry »