Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Se puede colocar un div al 100% de alto ? (http://www.forosdelweb.com/f53/puede-colocar-div-100-alto-495841/)

danilak 06/06/2007 08:57

Se puede colocar un div al 100% de alto ?
 
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 06/06/2007 09:01

Re: Se puede colocar un div al 100% de alto ?
 
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 06/06/2007 10:38

Re: Se puede colocar un div al 100% de alto ?
 
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 06/06/2007 10:43

Re: Se puede colocar un div al 100% de alto ?
 
Hola danilak

Añade esto a tu Css:

Código:

body,html {height:100%}
Saludos, :adios:

marcelomdsc 06/06/2007 12:34

Re: Se puede colocar un div al 100% de alto ?
 
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 07/06/2007 22:04

Re: Se puede colocar un div al 100% de alto ?
 
Puedes poner padding_bottom:100%; pero deja mucho espacio debajo (ya verás a que me refiero).

Hasta luego.

webosiris 08/06/2007 20:11

Re: Se puede colocar un div al 100% de alto ?
 
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 09/06/2007 00:35

Re: Se puede colocar un div al 100% de alto ?
 
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 13/06/2007 10:03

Re: Se puede colocar un div al 100% de alto ?
 
No es la respuesta que busco...
Quiero poner algo a 0% de height... Para que no se estire pero no para ocultarlo.

marcelomdsc 13/06/2007 14:12

Re: Se puede colocar un div al 100% de alto ?
 
en ese caso, la mejor idea para poder explicar tu punto es poner un link a un ejemplo.

asinox 15/06/2007 06:58

Re: Se puede colocar un div al 100% de alto ?
 
Cita:

Iniciado por yoju (Mensaje 2035437)
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? :neurotico

harvey 20/06/2007 01:52

Re: Se puede colocar un div al 100% de alto ?
 
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 11/04/2009 19:02

Respuesta: Se puede colocar un div al 100% de alto ?
 
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 12/04/2009 07:37

Respuesta: Se puede colocar un div al 100% de alto ?
 
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 12/04/2009 08:21

Respuesta: Se puede colocar un div al 100% de alto ?
 
El mensaje original es de hace más de 1 año. Por favor, no reviváis temas tan antiguos.

Saludos, :adios:


La zona horaria es GMT -6. Ahora son las 07:51.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.