post icon

Como ocupar el 100% o más del Height en el Browser con CSS

Cuando creamos nuestras páginas web’s nos encontramos con los casos que algunas tienen poco contenido que no ocupa ni la mitad de la pantalla, pero tenemos otras que si lo hacen incluso sobrepasan su tamaño (que es caso más común).

Dependiendo del diseño del sitio podríamos desear que el contenido pequeño ocupe toda la pantalla. Lo más típico es usar un div aunque pueden varios otros objetos del html en este caso.

Veremos como aplicar CSS para que siempre el Contendor principal ocupe un porcentaje de la pantalla deseado.

.contenedor
{
    min-height:100%;
    position:absolute;
}

Con eso obtendríamos lo esperado, pero al ser un objeto absoluto se ubicará a la izquierda de todo, que puede ser sufcientes para muchos, pero si desean centrar el contenedor agregariamos lo siguiente:

.contenedor
{
    min-height:100%;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0; right:0;
}
20 enero 2011

Comentarios desde Facebook:

Sin Comentarios aun, puedes tú ser el primero en comentar!

Deja tu Comentario

Responder