Truco: Centrar verticalmente con jQuery

Internet Explorer se resiste a centrar en vertical, así que les propongo un truquillo para conseguirlo en todos los navegadores utilizando jQuery:

[codesyntax lang=»php»]

$('.elementoACentrar').each(function(){
var pos =(parseInt($(this).parent().css("height"))-parseInt($(this).css("height")))/2;
$(this).css({"padding-top":pos+"px"});
});

[/codesyntax]
Para que funcione hay que especificar una altura en el contenedor (padre) de los elementos que queremos centrar y NO espeficicar altura en los que sí queremos centrar.

Comments