Foros del web, para los que viven de bits

danilak · 06-jun-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 · 06-jun-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 · 06-jun-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 · 06-jun-2007, 10:43

Hola danilak

Añade esto a tu Css:

Código:

body,html {height:100%}

Saludos,

marcelomdsc · 06-jun-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 · 07-jun-2007, 22:04

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

Hasta luego.

webosiris · 08-jun-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 · 09-jun-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 · 13-jun-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 · 13-jun-2007, 14:12

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

asinox · 15-jun-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 · 20-jun-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)

06-jun-2007, 08:57	#1 (permalink)
danilak Fecha de Ingreso: noviembre-2002 Mensajes: 72	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.

06-jun-2007, 09:01	#2 (permalink)
hq1 Fecha de Ingreso: abril-2007 Ubicación: Madrid, España Mensajes: 107	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!! __________________ Proyecto de revista digital: www.elcampamentobase.es

06-jun-2007, 10:38	#3 (permalink)
danilak Fecha de Ingreso: noviembre-2002 Mensajes: 72	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 !

06-jun-2007, 10:43	#4 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.552	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, __________________ Lee las Políticas de los foros y escribe correctamente.

06-jun-2007, 12:34	#5 (permalink)
marcelomdsc Fecha de Ingreso: junio-2007 Ubicación: Windsor, Ca,United States Mensajes: 637	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

07-jun-2007, 22:04	#6 (permalink)
hey_alan Fecha de Ingreso: diciembre-2006 Ubicación: México Mensajes: 177	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.

08-jun-2007, 20:11	#7 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 5.965	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. __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

09-jun-2007, 00:35	#8 (permalink)
asinox Fecha de Ingreso: noviembre-2002 Ubicación: httpdocs Mensajes: 2.561	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 __________________ www.noxmediastudio.com asinox.wordpress.com

13-jun-2007, 10:03	#9 (permalink)
yoju Fecha de Ingreso: septiembre-2005 Mensajes: 4	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.

13-jun-2007, 14:12	#10 (permalink)
marcelomdsc Fecha de Ingreso: junio-2007 Ubicación: Windsor, Ca,United States Mensajes: 637	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.

15-jun-2007, 06:58	#11 (permalink)
asinox Fecha de Ingreso: noviembre-2002 Ubicación: httpdocs Mensajes: 2.561	Re: Se puede colocar un div al 100% de alto ? 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? __________________ www.noxmediastudio.com asinox.wordpress.com

20-jun-2007, 01:52	#12 (permalink)
harvey Fecha de Ingreso: mayo-2007 Mensajes: 56	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)

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado