carlos-sanchez
11/15/2013 - 12:17 AM

Equalize heights of div elements. Equalizing heights of div elements is not possible (or very hacky) to do in pure CSS, so jQuery is here t

Equalize heights of div elements.

Equalizing heights of div elements is not possible (or very hacky) to do in pure CSS, so jQuery is here to help. The code below will automatically adjust the heights of div elements according to the higher one.

Take a look at this alternative JQuery plugin: http://tsvensen.github.io/equalize.js/

equalize-div-heights.js
content_copyfile_download
var maxHeight = 0;

$("div").each(function(){
   if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});

$("div").height(maxHeight);