100% height using jQuery

Share on Facebook1Share on Reddit0Tweet about this on Twitter1Share on Google+0

I few years ago, I wrote a post about forcing two divs to be equal height — quite a feat if you’ve ever tried! ┬áSince then, a great jQuery plugin has came out that makes equal div height pretty easy to accomplish.

Using the plugin jQuery.equalHeight, it is as simple as:

Try out a live demo.

Of course, you should make your decision to use this method carefully. It’s quick and easy, but if your aren’t using jQuery already, is it worth the load time for this fix? If you want to check out a non-jQuery solution, check out this vanilla JavaScript solution.

JS Bin

Share on Facebook1Share on Reddit0Tweet about this on Twitter1Share on Google+0
  • Steve Adams

    Thanks. FYI, your reference to jquery.equalheights.js in the Fiddle is now broken

    ForbiddenYou don’t have permission to access /examples/equalHeights/jQuery.equalHeights.js on this server.

    • mdjasper

      Thanks Steve! The plugin I was referencing has been updated by its author, and I the fiddle now references the most recent version.

  • http://www.sigididesign.com Vezu

    You guys look cute..

  • Al

    Hi man, I have tried the best out of it but it is not working even the live demo that you have! I would really appreciate it if you have a look again! thanks!