Alineamiento Vertical

[GUSUM]

Hola a todos!
Quisiera saber cómo puedo alinear un elemento verticalmente en un div?
Gracias!

[Fuzzylog]

estrictamente =>
.elementoalineadoverticalmente
{
vertical-align:middle; //o bottom, o top, o los valores que permita
}

No tan estrictamente

.elementoalineadoverticalmente
{
margin-top:nºpx; // donde nº es el número de pixels que quieres tener de separación vertical
// tb. vale margin-bottom; padding-bottom o padding-top.
}

[Mikmoro]

Mira a ver si alguno de estos ejemplos te sirve:

http://www.araudi.net/ejemplos/centrado_vertical.html
http://www.araudi.net/ejemplos/centrado_vertical3.html

[GUSUM]

Hola, gracias a ambos por las respuestas.

Mikmoro: He probado tus ejemplos, el primero se ve bien i.e. y Firefox, pero no en Safari, entonces probé el número 3 y ok!. Tengo una duda, lo he querido centrar y hacer más grande la caja. Simplemente centré el body, he cambiado las dimenciones de la caja y le agregué margen auto, pero en el i.e., se ve el contenido fuera de la caja.

¿Cómo se puede solucionarlo??
Gracias!

[Mikmoro]

Pues no puedo estar seguro de lo que has hecho, pero con este simple cambio puedes agrandar la caja y centrarla en la pantalla, tanto en FF como en IE:

#caja {display: table;
height: 500px;
width: 500px;
border: 1px solid #f00;
position: relative;
margin: 0 auto;
}

[GUSUM]

Gracias Mikel!

La caja quedó centrada y su texto dentro, centrado verticalmente.
Sólo me faltaría saber una cosa , cómo hacer para que la caja quede también centrada verticalmente respecto al body...
Gracias!!