Tip – Trick – CSS – Como centrar un objeto exactamente en el centro de la ventana

Este Tip CSS es como bien dice el titulo centrar un objeto html (img, table, div, etc) en el centro de la ventana.

Si asumimos como ejemplo que nuestro objeto tienen un ancho de 200px y un alto de 100px, pues el tip CSS se reduce a asginar las siguiente clase:

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
}

Donde margin-top toma el valor de la mitad del valor del alto del objeto, y el margin-left la mitad del valor del ancho del objeto a centrar, pero como bien dice Elías Notario en Xiberneticos, para internet explorer 6 faltaria hacer un CSS hack:

*html .centered {
    position:absolute;
}

Noticia Original:
http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/

Visto en:
http://xyberneticos.com/index.php/2007/11/14/centrando-en-el-centro/