#CSS height: 100% – Alto de capa que sea el de la ventana del navegador SOLO PARA EXPLORER by @deswebcom

Fuente : Miguel Angel Alvarez – desarrolloweb.com

Este ejemplo SOLO FUNCIONA en EXPLORER

Necesitaba un div que fuera tan alto como el total de la web (vamos, como el contenido) y olvidarme de medir y esas cosas tan divertidas

El titulo de este post me llevo a dudar hasta que probe el ejemplo, pense que me haria el div tan alto como la ventana del navegador y luego no seguiria alargandose con el contenido de la web … pero afortunadamente se estira hasta el infinito y mas alla!!

Aqui os dejo el ejemplito, perdonad mi explicacion enrevesada pero ahora os haceis una idea de porque me echaron de la real academia de la lengua, verdad? …


<html>
<head>
<title>maquetado CSS utilizando todo el height</title>

<style type="text/css">
html,body{
margin:0px;
height:100%;
}
</style>

</head>
<body>

<div id="map" style="height: 100%;background-color:#ffff99;">Contenido que tiene que ocupar todo el espacio del navegador.</div>

</body>
</html>

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s