Centrar tu página con css

Aquí les doy una pequeña solución para centrar su página en relación a los cuatro lados de la ventana con css, sin frames ni scripts complicados.

Funciona en firefox e IE, y pasa la prueba en W3C.


Código:

Estilo:

<style type="text/css">

#contenedor {

width: 600px;

text-align: left;

position: absolute;

left: 50%;

top: 50%;

height: 300px;

margin-left: -300px; /* 50% width */

margin-top: -150px;

background-color: #99CC00;

}

</style>

Capa: (Todo lo que hagas después debe estar dentro de esta capa)

<div id="contenedor">Acá tu página centrada fácilmente</div>

Descarga Ejemplo