Hoy vamos con un sencillo script jQuery para centrar un div horizontal y verticalmente dentro de otro.
jQuery(document).ready(function(){ adjustLayout(); /* your other page load code here*/ }) function adjustLayout(){ jQuery('.center-it').css({ position:'absolute', left: (jQuery(".big-teaser-div").width() - jQuery('.center-it').outerWidth())/2, top: (jQuery(".big-teaser-div").height() - jQuery('.center-it').outerHeight())/2 }); }
Center-it es el div para centrar y big-teaser-div es el contenedor.