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, without divbalance

Right click to view the source. All CSS was left inline place for readability.

We, (New Web Direct staff), call this the package example as the first use for this was a listing of packages for a client. This arrangement is also useful as a middle row in a fluid layout.

Note: The bottoms of all the columns are not even with each other.

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