Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 01-oct-2007, 16:13   #1 (permalink)
pur
pur ha deshabilitado el karma
 
Fecha de Ingreso: agosto-2007
Mensajes: 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.
pur está desconectado   Responder Citando
Antiguo 01-oct-2007, 22:12   #2 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.392
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
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Antiguo 02-oct-2007, 11:12   #3 (permalink)
pur
pur ha deshabilitado el karma
 
Fecha de Ingreso: agosto-2007
Mensajes: 13
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.
pur está desconectado   Responder Citando
Antiguo 02-oct-2007, 18:54   #4 (permalink)
NUCKLEAR tiene algunos puntos positivos de karma
 
Avatar de NUCKLEAR
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 1.445
Re: 3 columnas iguales

Si yo tambien quisiera saberlo (solo una manera), hasta ahora solo lo he podido solucionar con un gif de fondo .
__________________
No somos Ricos por que tenemos hijos...
El sueño de todo padre es sobrevivir a sus hijos...
Homer Simpson.
Al fin nucklear tiene un Blog ñ.ñ
NUCKLEAR está desconectado   Responder Citando
Antiguo 02-oct-2007, 21:32   #5 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.392
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
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Antiguo 03-oct-2007, 19:12   #6 (permalink)
NUCKLEAR tiene algunos puntos positivos de karma
 
Avatar de NUCKLEAR
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 1.445
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
__________________
No somos Ricos por que tenemos hijos...
El sueño de todo padre es sobrevivir a sus hijos...
Homer Simpson.
Al fin nucklear tiene un Blog ñ.ñ
NUCKLEAR está desconectado   Responder Citando
Antiguo 03-oct-2007, 20:45   #7 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.392
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
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Antiguo 04-oct-2007, 19:21   #8 (permalink)
NUCKLEAR tiene algunos puntos positivos de karma
 
Avatar de NUCKLEAR
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 1.445
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.
__________________
No somos Ricos por que tenemos hijos...
El sueño de todo padre es sobrevivir a sus hijos...
Homer Simpson.
Al fin nucklear tiene un Blog ñ.ñ
NUCKLEAR está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 02:19.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93