Vertially aligning a DIV on the entire page

Question

I have found a few techniques used for vertically aligning a DIV on the page, most of them outlined here:

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

But, the project I'm working on now heavily uses Javascript on a DIV aligned in the vertical center of a page. Does anyone know a method (preferably not Javascript based) to keep the DIV vertically aligned in the center of the screen even when it's height changes via Javascript?

And also with a height: auto property if possible, so it changes with my content.

Thanks.

Answer 1

This is untested but try:

margin-top: auto;
margin-bottom: auto;

Answer 2

Give this CSS-only solution a try.