Il nostro container con questa classe verrà allineato perfettamente al centro della pagina su qualsiasi browser:

#container {
width: Xpx;
height: Ypx;
position: absolute;
top: 50%;
left: 50%;
margin-top: -(Y/2)px;
margin-left: -(X/2)px;
}
X è la larghezza del vostro DIV, mentre Y rappresenta l’altezza.

Esempio:

#corpo {
    width: 800px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    background-color: #0F9;
}
 

Fonte simone.cabrino.it/blog/div-centrato-nella-pagina/