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