mine was giving me no data back for the element I needed the hight from (the outer container of my website), tho, I new what the height was and I changed it to this script:

(function ($) {{
            var mh = Math.ceil((ph-ah) / 2);
       
            $(this).css(‘margin-top’, mh);
            $(‘body’).css(‘background-position’, ’0px ‘+mh+’px’);
       
    );
};
})(jQuery);

In the footer of my webpage I used this script:

    $(document).ready(function()
            $(‘#wrapper’).vAlign();
        );
    );

My website is being vertically centered and is being replaced if you decide to change the size of your browser screen! In my case the ’660′ indicates a 660px high website. I added another check (if ph > ah) because otherwise there is the possibility a negative margin is added and thus some text will apear outsite its container.

Hope this might be of any use. I’ve got absolutely no clue why $(this).height() returned 0 pixels, so there’s a good chance it works for anyone else when using $(this).height() instead of a fixed number!

Joshua

You can now utilize it as you would any jQuery plugin!