miércoles, 13 de julio de 2011

Centrar html en altura: Centrar una capa vertical y horizontalmente.

Funciona muy bien sobre mozilla y Explorer:
Antes de nada tienes que cambiar los pixeles que aparecen sustituyendo el ancho de de tu página por los datos que aprecen por defecto (960px), la mitad (470px)
Altura (500px) y la mitad (250px)

[style type="text/css">
.centrar
{
position: absolute;
/*nos posicionamos en el centro del navegador*/
top:50%;
left:50%;
/*determinamos una anchura*/
width:960px;
/*indicamos que el margen izquierdo, es la mitad de la anchura*/
margin-left:-470px;
/*determinamos una altura*/
height:500px;
/*indicamos que el margen superior, es la mitad de la altura*/
margin-top:-250px;
padding:5px;
}
[/style>

No hay comentarios: