Centrowanie elementu w pionie i poziomie niejednokrotnie stanowi problem. Dlatego dzisiaj zaprezentuję obejście problemu i jego szybkie rozwiązanie za pomocą jQuery. Zaletą tej metody, jest fakt, że nie musimy znać wielkości wyśrodkowywanego elementu.
Myślę, że każdemu przyda się taki szybki trik. 
Metoda wywoływana jest w 2 przypadkach:
1. przy każdej zmianie rozmiaru okna ($(window).resize()),
2. po załadowaniu strony ().
Zasadniczo mechanizm metody jak taki sam jak w przypadku często stosowanej metody CSS, czyli nakłada position:absoute, a następnie wyśrodkowuje element, z tą jedna uwagą ze nie musimy znać wielkości elementu, bo jest ona pobierana dynamicznie i uwzględniania w wyliczaniu pozycji. Warto zauważyć, że podczas pobierania elementu nie została wykorzystana funkcja width() i height(), a outerWidth() i outerHeight(). Ma to na celu pobranie wartości rozmiaru elementu z uwzględnieniem paddingu czy bordera, co nie miałoby miejsca w przypadku width() i height().
$(window).resize(function(){
$('.className').css({
position:'absolute',
left: ($(window).width() – $('.className').outerWidth())/2,
top: ($(window).height() – $('.className').outerHeight())/2
});
});
// wykonanie funkcji na starcie
$(window).resize();Szybkie i skuteczne 
Polecam
źródło: blog.alchemycode.pl
