Se puede colocar un div al 100% de alto ?

danilak · #1 (**permalink**) 06/06/2007, 08:57

Hola a todos !!

Alquien sabe si se puede colocar un contenido dentro de un tag <div> y hacer que este <div> se ajuste al 100% verticalmente ?

Un saludo a todos.

hq1 · #2 (**permalink**) 06/06/2007, 09:01

En teoría si, de hecho, no hay ningún sitio donde diga que no, pero los resultados pueden no ser los que pretendes. Pruébalo y nos cuentas!!

danilak · #3 (**permalink**) 06/06/2007, 10:38

He intentado de varias formas y no logro hacer que el contenido del <div> se ajuste al 100% verticalmente.

Si alguien tiene la solución será bien recibida.

Un saludo !

JavierB · #4 (**permalink**) 06/06/2007, 10:43

Hola danilak

Añade esto a tu Css:

Código:

body,html {height:100%}

Saludos,

marcelomdsc · #5 (**permalink**) 06/06/2007, 12:34

es q, es facil, si antes de darle un 100 % al div tu contenido era menos que lo nesesario para llenar la ventana, el contenedor va a tener 100% sino se va a estirar para poder contener toda la informacion, esto varia en distintos exploradores, si tenes imagenes puede ser que "rompan fuera de su contenedor" sobre todo en IE

hey_alan · #6 (**permalink**) 07/06/2007, 22:04

Puedes poner padding_bottom:100%; pero deja mucho espacio debajo (ya verás a que me refiero).

Hasta luego.

webosiris · #7 (**permalink**) 08/06/2007, 20:11

hazle caso a Javier

la especificación de height indica que si se le indica un %, va a ser un % de la altura de su elemento padre.

Así que el elemento padre de <div> probablemente sea <body>, y el de body es <html>

Por eso hay que indicar primero que HTML tenga 100% de altura (<html> no tiene elemento padre), y que el BODY tiene 100% de altura (todo esto se logra on lo que dijo Javier) y recién ahí te va a hacer caso el height:100% de la capa.

PD: muevo esto al foro de CSS.

asinox · #8 (**permalink**) 09/06/2007, 00:35

bueno, lo que yo hago, para "estirar" un div al 100%, es sencillo,

primero le aplico al contenedor de mi pagina:un overflow

Código:

.contenedor{
        overflow:hidden;
}
/* luego a mi div que quiero estirar */
.columna{
        padding-bottom:1000px;
	margin-bottom: -1000px;
}

esos padding y margin tu sabras cuanto le daras, pero da igual se ajusta totalmente sin importar el navegador y sin usar mas nada

Saludos

yoju · #9 (**permalink**) 13/06/2007, 10:03

No es la respuesta que busco...
Quiero poner algo a 0% de height... Para que no se estire pero no para ocultarlo.

marcelomdsc · #10 (**permalink**) 13/06/2007, 14:12

en ese caso, la mejor idea para poder explicar tu punto es poner un link a un ejemplo.

asinox · #11 (**permalink**) 15/06/2007, 06:58

Cita:

Iniciado por yoju

No es la respuesta que busco...
Quiero poner algo a 0% de height... Para que no se estire pero no para ocultarlo.

papa ... dale un mini-height:0px;

y como e que tu apareciste aqui y no te habia visto?

harvey · #12 (**permalink**) 20/06/2007, 01:52

Yo prefiero no usar padding porque en IE y Mozilla se comporta de manera diferente. Lo que funciona para uno no lo hace para el otro. Además lo de poner el height al 100% y que funcione depende del caso. Ese 100% solo funciona para la altura original del contenedor no para la que pueda tener si ha estirado debido al contenido (mirad mi post de pagina que se ajusta al contenido)

stiebengisela · #13 (**permalink**) 11/04/2009, 19:02

Hola!.

Prueba con esto:

#contenedor{
height:100%;
width:100%;
position:absolute;
background:#17abe4;
}

Es position absolute, lo que va a hacer con el height al 100% que estire el contenedor al 100%.

Saludos,
Gise.

denica001 · #14 (**permalink**) 12/04/2009, 07:37

Solo basta con que el div que pretendes al 100% sea el contenedor de todo el resto de las etiquetas. Eso va a hacer que se ajuste al tamaño de tu pagina.

JavierB · #15 (**permalink**) 12/04/2009, 08:21

El mensaje original es de hace más de 1 año. Por favor, no reviváis temas tan antiguos.

Saludos,