The code below produces a recursion, unless I change the namespace in function reposition() to a different than for the window-resize-event.

This behavior was not in jquery v1.5.1 f.e. (not tested others)

From my understanding this is a bug.

$(window).unbind("resize.divlayout").bind("resize.divlayout", function() {

console.log('window resize');

reposition();

}).trigger("resize.divlayout");

function reposition() {

$("#website_body").unbind('resize.divlayout').bind('resize.divlayout', function() {

console.log('website_body resize');

if( $("#website_page").css("position") != 'absolute' ) {

$("#website_page").css("padding-top", $("#website_body").height() / 2 - $("#website_page").height() /2 + "px");

}else {

$("#website_page").css("top", $("#website_body").height() / 2 - $("#website_page").height() /2 + "px");

}

}).trigger('resize.divlayout');

}

<div id="website_body">

<div id="website_page"> </div>

</div>