body o div dependiente de resolucion

Yoi · #1 (**permalink**) 14/04/2011, 10:06

Hola a todos,
como puedo hacer para que mi pagina web sea tenga el height total de la resolucion de la ventana del navegador? tengo el siguiente codigo:

Código CSS:

Ver originalbody, html {
    height:100%;
}

pero no logo que la pagina quede del alto de la resolucion de la ventana del navegador... que puedo hacer?

laratik · #2 (**permalink**) 14/04/2011, 10:16

prueba con colocar position:absolute;

Yoi · #3 (**permalink**) 14/04/2011, 10:19

lo probare a ver que tal

Yoi · #4 (**permalink**) 14/04/2011, 10:22

Si, efectivamente, con position:absolute; cuadra, pero asi debo ponerle entonces a todos los elementos?

laratik · #5 (**permalink**) 14/04/2011, 10:27

No, lo único que debes tener en cuenta es que los elementos directamente "hijos" del body no se acomodaran tan "automáticamente" al cuerpo como con position:relative; (el valor por defecto). El resto de elementos pueden tener el position relative, fixed, absolute, etc.

Yoi · #6 (**permalink**) 14/04/2011, 10:36

si, eso acabo de comprobar, voy a tratar de organizarlo muy bn, gracias por tus respuestas...

ArturoGallegos · #7 (**permalink**) 14/04/2011, 11:27

amigo mio para nada es requerido el position:abosulute ni nada... basta con poner height:100% al body y a tu div contenedor por ejemplo

Código CSS:

Ver originalhtm,body{margin:0;padding:0;height:100%;}
body{background:#f1f1f1;}
#Contenedor{width:800px;height:100%;margin:0 auto;background:#333;}

Código HTML:

Ver original<div id="Contenedor">todo el contenido de tu sitio</div>

Nota: no olvides declarar un doctype valido como por ejemplo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">