Centrar div horizontal y verticalmente

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.


Autor del artículo Miguel Angel del Toro Medina

Como siempre, podéis contar con mis servicios de diseño y programación web. Contactad conmigo a través de info@madeltoro.es.