Utilizando jQuery la forma más simple es incrustar este código en uno de los contenedores referidos o bien en el código javascript del usuario:

 

<script type="text/javascript">

$(function () {

if ($("div#Posts").height() > $("div#Sidebar").height()) {

$("div#Sidebar").height($("div#Posts").height())

}

else {

$("div#Posts").height($("div#Sidebar").height())

}

</script>

 

Otra opción sería definir esta función en el HEAD

 

function equalHeight(group) {

tallest = 0;

group.each(function() {

thisHeight = $(this).height();

if(thisHeight > tallest) {

tallest = thisHeight;

}

});

group.height(tallest);

}

$(document).ready(function() {

equalHeight($(".column"));

})

 

Y utilizar la clase "column" que debe estar definida en la hoja de estilos de la web y en cada caja.

 

Desde luego esta solución es la óptima tanto por la simplicidad al manejar una sola función en toda la web, como porque nos permite utilizar la función en varias cajas simultáneamente.