Question

I would like to vertically center my main content div. I am open to using jQuery and/or CSS, but I’d prefer avoiding an extra wrapper div tag.

What do I need to do to do?

Answer 1

jQuery:

$(document).ready(function() {
    $('#main').css('position', 'relative');
    $('#main').css('top', (($('#main').parent().height() - $('#main').height()) / 2) + "px");
});