/** * EqualHeight 1.0 * * Makes all matched elements equal height. Does not work in * browsers that do not support min-height (no IE.. who cares) * * Usage: jQuery('#content, #sub-content').equoalHeight(); * * @class equalHeight * * Copyright (c) 2008 Andreas Lagerkvist (andreaslagerkvist.com) * Released under a GNU General Public License v3 (http://creativecommons.org/licenses/by/3.0/) */ var isIE6 = (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) ? true : false; jQuery.fn.equalHeight = function() { var height = 0, maxHeight = 0; // Store the tallest element's height this.each(function() { var t = jQuery(this); height = t.height() + parseInt(t.css('paddingTop'), 10) + parseInt(t.css('paddingBottom'), 10) + parseInt(t.css('borderTopWidth'), 10) + parseInt(t.css('borderBottomWidth'), 10); maxHeight = (height > maxHeight) ? height : maxHeight; }); // Set element's min-height to tallest element's height return this.each(function() { var t = jQuery(this); mh = maxHeight - (parseInt(t.css('paddingTop'), 10) + parseInt(t.css('paddingBottom'), 10) + parseInt(t.css('borderTopWidth'), 10) + parseInt(t.css('borderBottomWidth'), 10)); t.css({minHeight: mh +'px'}); if (isIE6) t.css({height: mh +'px'}); }); };