Foros del Web » Creando para Internet » CSS »

3 columnas iguales

Estas en el tema de 3 columnas iguales en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/10/2007, 17:13
pur
 
Fecha de Ingreso: agosto-2007
Mensajes: 98
Antigüedad: 10 años, 3 meses
Puntos: 4
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.
  #2 (permalink)  
Antiguo 01/10/2007, 23:12
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 02/10/2007, 12:12
pur
 
Fecha de Ingreso: agosto-2007
Mensajes: 98
Antigüedad: 10 años, 3 meses
Puntos: 4
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.
  #4 (permalink)  
Antiguo 02/10/2007, 19:54
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 12 años, 1 mes
Puntos: 890
Re: 3 columnas iguales

Si yo tambien quisiera saberlo (solo una manera), hasta ahora solo lo he podido solucionar con un gif de fondo .
__________________
Drupal Argentina
  #5 (permalink)  
Antiguo 02/10/2007, 22:32
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #6 (permalink)  
Antiguo 03/10/2007, 20:12
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 12 años, 1 mes
Puntos: 890
Re: 3 columnas iguales

Cita:
Iniciado por PatomaS Ver Mensaje
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
__________________
Drupal Argentina
  #7 (permalink)  
Antiguo 03/10/2007, 21:45
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #8 (permalink)  
Antiguo 04/10/2007, 20:21
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 12 años, 1 mes
Puntos: 890
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.
__________________
Drupal Argentina
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:46.