jQuery – Equalize the sidebar and content of a page

// UPDATE: Set the script as a function so that I could fire it again when the #main element is
// resized (using https://github.com/cowboy/jquery-resize). Required when using iframes like
// w/ Facebook widgets, Wufoo forms, or other external data that loads after the height has
// been calculated.

//#main is the container of #sidebar and #content

//Wrapped the script in a function
function equalHeight() {
$(‘#sidebar’).css( ‘min-height’, $(‘#main’).height() );

// Run the script when the page loads

// Run the script again any time the #main container is resized
$(‘#main’).resize(function() {


Leave a Reply