Forzar todos los DIV flotantes para que coincidan con la altura de su contenedor

Question

Estoy tratando de encontrar una manera de hacer que tres divs flotantes coincidan con la altura del div flotante más grande de los tres (que, a través de la solución clearfix, es la altura de su contenedor).

Mi pregunta es exactamente como this pregunta, solo mi pregunta necesita el requisito de que los comentarios a la respuesta pasen por alto :) (" ¿y si las dos columnas tienen diferentes colores de fondo? " etc.)

Así que realmente no puedo fingirlo. La página usa un arrastre & amp; Mecanismo de caída similar a iGoogle usando scriptaculous, y los contenedores ordenables arrastrables son los divs flotantes. Haría las cosas mucho más fáciles para el usuario si puedo forzar que todos los contenedores tengan la misma altura.

Cuanto más busco soluciones, más parece que no se puede hacer con CSS puro. Si ese es el caso y necesito usar algunos javascript, que así sea.

Gracias de antemano.

EDITAR: El enlace de idrumgood fue una solución, pero no la solución que terminé usando. Terminé portando la función jQuery que sugirió prototipar para evitar conflictos y evitar tener que cargar toda la biblioteca jquery para una función.

Este es el puerto de función de JavaScript que terminé usando:

    function equalHeights(container) {
    var children = $A(container.immediateDescendants());
    var currentTallest = 0;

    for (i = 0; i < children.length; i++) {
        if (children[i].getHeight() > currentTallest) {
            currentTallest = children[i].getHeight();
        } //end if
    } //end for

    for (i = 0; i < children.length; i++) {
        children[i].setStyle({ height: (currentTallest + 'px') });
    } //end for
} //end equalHeights

Answer 1

Si está de acuerdo con javascript / jQuery, aquí está la solución usaría .