divbalance
A jQuery plugin for balancing coulmn heights in fluid layouts.

Simple 4 column example with changes to row name, column name, minimum height and bottom spacing, with divbalance

Right click to view the source. All CSS and JavaScript was left in place for readability.

Note: The bottoms of all of the columns now line up. Instead of using "row" and "column" we used "packages" and "package". By setting the minheight and bottom space to 0 the height of the columns is determined by height of the tallest column, (in this example Package 1).

Package 1

  • 12 Weeks
  • One
  • Two
  • Three
  • Four
  • Five
  • Six
  • Seven
  • Eight
  • Nine
  • Ten

Package 2

  • 24 Weeks
  • One
  • Two
  • Three

Package 3

  • 36 Weeks
  • One
  • Two
  • Four
  • Five
  • Six

Package 4

  • Unlimited
  • One