Centrado de div dentro de div

[DrFaust]

Un truco que puede serte de utilidad.

Imaginate que tenés un DIV grande, un DIV chiquito dentro de éste, ambos están posicionados de forma absoluta, y querés centrar #chiquito. Probá con esto:

#grande {
position:absolute;
}

#chiquito {
position:absolute;
width:400px;
height:200px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-100px;
}

Básicamente le das left:50% para que el borde izquierdo del elemento caiga justo a la mitad de su padre, y luego le das un margin-left negativo igual a la mitad del ancho del elemento. Lo mismo para top.

Para que este truco funcione, el padre tiene que tener la propiedad position en absolute, relative o fixed.