Filling the page

Design help General
31

Math and logic. Check for the container to be centered height value, then divide it by 2 and set the margin to be 50% of the window height - the value.

$(document).ready(function() {
    vph = $(window).height();
    $('.full-page').css('height',vph);
    ch = $('.containertobecentered').height();
    nch = (vph/2)-(ch/2);
    $('.containertobecentered').css('margin',nch);
});

$(window).resize(function(){
    vpw = $(window).width();
    vph = $(window).height();
    ch = $('containertobecentered').height();
    $('.full-page').css('height',vph);
    nch = (vph/2)-(nch/2);
    $('.containertobecentered').css('margin',nch);
});

That should work. Haven’t tested it tough.