Igualar height css

LR #1 Sep '15 Penitente

Ultimamente estoy bastante espeso y no se como arreglar esto.

Simplemente tengo varios contenedores con float y diferente contenido. He estado dandole vueltas pero no encuentro la forma de como dejarles el mismo height desde css.

Se que con un display table podria arreglarlo, pero busco alguna forma de hacerlo sin tener que filtrar el php y encapsularlos cada 2 contenedores o algo asi.

Tambien se que se puede ajustar metiendole un padding enorme y un margin negativo, pero no me sirve cuando hay mas de una fila.

La ultima opcion que he contemplado es con js pero quiero buscar alguna otra opcion sin depender de javascript.

Decir que es contenido dinamico por lo que no podria ajustarle un min-height ni nada parecido ya que no se sabria ni el contenido ni el numero de contenedores.

Creo que no me falta ningun dato mas.

Thx de antemano

taltal #2 Sep '15

Si te decides a hacerlo con jquery, te paso el script que uso yo:

var maxHeight = -1;

$('.cheighteq').each(function() {
 maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
});

$('.cheighteq').each(function() {
 $(this).height(maxHeight);
});

Solo tienes que ponerle a los contenedores la clase "cheighteq". El script encuentra el que tiene mayor altura y luego le pone ese valor a todos.

1 respuesta

gusis93 #3 Sep '15

No se que soporte des a que navegadores pero display: flex te puede ayudar, aquí hay una buena guía https://css-tricks.com/snippets/css/a-guide-to-flexbox/

1 respuesta

LR #4 Sep '15 Penitente

#2 si, se que se puede con jquery pero ahora estoy centrandome solo en css por eso queria buscar una solucion sin picar codigo.

#3 tambien mire de usar flex, pero como digo, estoy espeso y no consegui dejarlo en 2 por fila, de hecho, se pasaba por el forro el width tanto de los contenedores como del wrapper y se salia del tamaño (estaba trasteando con media queries). Mirare ese enlace a ver si es algo que tengo mal o si me falta algo.

Con flex lo que vi es que puedes meterle un orden para posicionarlo como quieras sin depender de floats ni nada de eso y que te sirve para ir ordenando segun la resolucion o lo que quieras. Sabes si compensa? O la compatibilidad es tan poca que mejor hacerlo como siempre?

1 respuesta

taltal #5 Sep '15

#4 ya lo imagino, pero si al final te cansas de intentarlo con css, ahí tienes el jquery, copypaste.
De todas formas si lo consigues en css ya contarás como lo haces.

Igualar height css

Usuarios habituales

Tags