Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   3 columnas iguales (http://www.forosdelweb.com/f53/3-columnas-iguales-523025/)

pur 01/10/2007 16:13

3 columnas iguales
 
Hay alguna manera mejor que 'faux columns' para igualar tres divs hasta el final de la pagina con css, (sé que algunos le colocan un gif como fondo pero yo quisiera hacerlo solo con css).

Aclaro height: 100%, no funciona en IE.

Saludos para todos.

PatomaS 01/10/2007 22:12

Re: 3 columnas iguales
 
Hola

Hay varias maneras, pero debes jugar un poco con las reglas y los atributos hasta que te familiarices con ellos.

Y height 100% si funciona en explorer.

;)

Solo has de aplicarlo adecuadamente.

Empieza por eliminar bordes, espacios y márgenes a todos los elementos, luego define las dimensiones al elemento más alto y sigue de ahí hacia abajo.

Se que te parecerá que no digo mucho, pero haz un par de pruebas y nos cuentas como te va.

Si luego tienes más dudas, péganos los códigos y vemos.

Felicidad

pur 02/10/2007 11:12

Re: 3 columnas iguales
 
"Hay varias maneras"

Me podes decir una ;)

Hice varias pruebas y el height:100% no me funciona, seguramente sea mi version de IE.

NUCKLEAR 02/10/2007 18:54

Re: 3 columnas iguales
 
Si yo tambien quisiera saberlo (solo una manera), hasta ahora solo lo he podido solucionar con un gif de fondo .

PatomaS 02/10/2007 21:32

Re: 3 columnas iguales
 
Hola

Ciertamente puedo decirles alguna, pero entonces solo copiarán el código que les pase y poco más.

Si realmente les interesa, piensen en a que le han aplicado las propiedades del 100% y si tienen dudas, pongan aquí un ejemplo sencillo.

Por ejemplo. Yo hice una página con tres capas que son 3 columnas, una al lado de la otra, las cuales, a su vez tienen una capa pequeña dentro, aparte de párrafos con espacios en blanco (me daba fastidio escribir). Dicha página muestra las tres columnas y las tres capas pequeñas, cada una donde quiero que estén. La css son 13 líneas, podrían haber sido 10, pero hice cada cosa de un color diferente para hacerlo más fácil de ver.

Bueno, veamos esos códigos entonces...

Felicidad

NUCKLEAR 03/10/2007 19:12

Re: 3 columnas iguales
 
Cita:

Iniciado por PatomaS (Mensaje 2147039)
Hola

Ciertamente puedo decirles alguna, pero entonces solo copiarán el código que les pase y poco más.

Si realmente les interesa, piensen en a que le han aplicado las propiedades del 100% y si tienen dudas, pongan aquí un ejemplo sencillo.

Por ejemplo. Yo hice una página con tres capas que son 3 columnas, una al lado de la otra, las cuales, a su vez tienen una capa pequeña dentro, aparte de párrafos con espacios en blanco (me daba fastidio escribir). Dicha página muestra las tres columnas y las tres capas pequeñas, cada una donde quiero que estén. La css son 13 líneas, podrían haber sido 10, pero hice cada cosa de un color diferente para hacerlo más fácil de ver.

Bueno, veamos esos códigos entonces...

Felicidad

La idea es esa que nos enseñaras como hacerlo o por lo menos lo que yo quiero es crear una capa principal con 3 columnas dentro y que mientras vaya aumentando de tamaño horizontalmente una las demas vayan creciendo y siempre esten al 100% de la principal no del navegagor, es decir si la capa interna mas grande tiene 100 px pues las demas tambien tengan 100 px.
Si tenes la respuesta decila y listo, que no tengo la mas palida idea de como se hace.
Saludos

PatomaS 03/10/2007 20:45

Re: 3 columnas iguales
 
Hola

No es que no quiera enseñar como se hace, yo no poseo ninguna técnica especial, es solo cuestión de practicar y de usar los recursos.

Dices no saber como hacerlo, pero si no lo intentas, tampoco lo sabrás luego.

Con usar los recursos, me refiero a cosas como por ejemplo, si pones en el buscador "tres columnas", te salen 78 resultados.

Uno de esos resultados es este

NUCKLEAR 04/10/2007 19:21

Re: 3 columnas iguales
 
no se si se entiende la pregunta, tengo una capa pricipal que es la contenedora, dentro tengo 3 columnas, que quiero que crescan verticalmente por igual segun el tamaño de la mas grande, si agrego contenido a una que las demas crescan con ella, no agrego ningun codigo por que no hay nada parecido (al menos en donde he buscado, google, foros, blogs y el 100% esta de acuerdo en hacerlo mediante un gif de fondo) Aca una de las respuestas. http://www.csslab.cl/2007/03/02/columnas-de-igual-alto/

Si vos tenes otra solucion, me la podrias dar por favor.


La zona horaria es GMT -6. Ahora son las 22:06.

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