Foros del Web » Creando para Internet » CSS »

Problema maquetación css 3 columnas y height:100%

Estas en el tema de Problema maquetación css 3 columnas y height:100% en el foro de CSS en Foros del Web. estoy maquetando un sitio que tiene que tener tres columnas donde, las coumnas de los extremos deben mantener una misma medida de alto independientemente de ...
  #1 (permalink)  
Antiguo 26/07/2010, 21:08
 
Fecha de Ingreso: julio-2010
Mensajes: 4
Antigüedad: 13 años, 8 meses
Puntos: 0
Problema maquetación css 3 columnas y height:100%

estoy maquetando un sitio que tiene que tener tres columnas donde, las coumnas de los extremos deben mantener una misma medida de alto independientemente de su contenido, la caja d la columna mas chica se tiene que adaptar a la altura de la mas grande y no me esta funcionando.
si alguien tiene alguna idea para ayudarme

gracias!

Última edición por mms2185; 27/07/2010 a las 09:10
  #2 (permalink)  
Antiguo 27/07/2010, 02:11
 
Fecha de Ingreso: julio-2010
Mensajes: 21
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación css 3 columnas y height:100%

Hola mms2185, lo que yo haría sería lo siguiente: definir el height de los divs laterales como fijo (teniendo en cuenta el definir la propiedad overflow adecuada) y al div central asignare un min-height igual al height de los div laterales.

No sé si es eso lo que preguntas...
  #3 (permalink)  
Antiguo 27/07/2010, 09:13
 
Fecha de Ingreso: julio-2010
Mensajes: 4
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación css 3 columnas y height:100%

lo que pasa es que el contenido de las columnas laterales es randomico dando por resultado una columna mas larga que la otra lo que tiene que pasar es que la altura de la mas chica se adapte a la altura de la mas grande. las columnas estan armadas con float; las dos primeras float izquierda y la numeros 3 float derecha.
  #4 (permalink)  
Antiguo 27/07/2010, 09:43
 
Fecha de Ingreso: julio-2010
Mensajes: 21
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación css 3 columnas y height:100%

Ya. Lo que pides es ajustar una propiedad en "tiempo de ejecución". Hasta donde yo sé, no puede hacerse con CSS solamente. si alguien lo sabe...
  #5 (permalink)  
Antiguo 27/07/2010, 10:03
 
Fecha de Ingreso: julio-2010
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación css 3 columnas y height:100%

tengo un problema parecido

he encontrado este link que puede que nos ayude XD

http://www.cristalab.com/tips/columnas-variables-de-igual-altura-con-div-y-css-c39039l/
  #6 (permalink)  
Antiguo 27/07/2010, 10:32
 
Fecha de Ingreso: julio-2010
Mensajes: 4
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación css 3 columnas y height:100%

es util esa info lo que pasa es que el ancho del diseño no es fijo por lo tanto no hay una medida fija para el ancho, paso el link de la prueba http://www.webingenio.com.uy/prueba/
  #7 (permalink)  
Antiguo 27/07/2010, 14:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Problema maquetación css 3 columnas y height:100%

Hola:

Lo que necesitais es columnas equilibradas y aquí teneis un par de ejemplos:

http://css.devillasbuenas.es/3columnas.html
http://www.araudi.net/ejemplos/colum...ilibradas.html

Saludos.

  #8 (permalink)  
Antiguo 27/07/2010, 15:21
 
Fecha de Ingreso: julio-2010
Mensajes: 4
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación css 3 columnas y height:100%

gracias por la respuesta pero en esos ejemplos que pones no puedo usarlos ya que mi diseño tiene cajas con esquinas redondeadas y se pierden al aplicar esas tecnicas ya las intente y no pude lograr nada.

puedes verlo en la prueba del sitio http://www.webingenio.com.uy/prueba/

Etiquetas: columnas, height
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 22:05.