Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Capas con el mismo height

Estas en el tema de Capas con el mismo height en el foro de CSS en Foros del Web. Buenas a tod@s!! Pues mi problema es el siguiente: tengo tres secciones, cada una de estas secciones con contenido. Estos contenidos los tengo uno a ...
  #1 (permalink)  
Antiguo 25/09/2016, 15:06
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 9 meses
Puntos: 4
Capas con el mismo height

Buenas a tod@s!!

Pues mi problema es el siguiente: tengo tres secciones, cada una de estas secciones con contenido. Estos contenidos los tengo uno a continuación de otro:

Contenido 1 | Contenido 2 | Contenido 3

Vale, cada uno de estos lo tengo en un div. Y con la propiedad float: left, los coloco uno a continuación del otro. El "Contenido 2" en una imagen. Esa imagen ocupará lo que tenga que ocupar. Y por lo tanto tendrá una altura determinada. Lo que me gustaría saber es cómo hacer para que tanto el div del "Contenido 1" y el div del "Contenido 3" tengan la misma altura que el div de la imagen ( "Contenido 2" )

Como nota, y aquí es donde veo la dificultad, decir que no trabajo con píxeles. Lo hago todo con porcentajes para generar la web responsiva.

Muchísimas gracias!!!!! :))
  #2 (permalink)  
Antiguo 28/09/2016, 01:34
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Capas con el mismo height

Básicamente no usas float. Usa flexbox:

https://www.google.com.mx/search?q=flexbox

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  #3 (permalink)  
Antiguo 03/10/2016, 01:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Capas con el mismo height

Como soluciones fáciles, tienes flexbox como ya te han dicho y luego también usar display: table. Yo prefiero flexbox.
__________________
(:
  #4 (permalink)  
Antiguo 03/10/2016, 04:49
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 9 meses
Puntos: 4
Respuesta: Capas con el mismo height

Muchas gracias a los dos!!! :D

Etiquetas: capas, height, html, todo
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 04:50.