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

Grid example, without divbalance

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

This example shows a typical grid layout.

Note: In cases where the amount of content does not match, the bottom of each column does not match and the containing row's background color shows through.

10 Column

This is actually just one big column.

1 Column

  • One

9 Column

  • One
  • Two
  • Three
  • Four
  • Five
  • Six
  • Seven
  • Eight
  • Nine

2 Column

  • One
  • Two

3 Column

  • One
  • Two
  • Three

3 Column

  • One
  • Two
  • Three

2 Column

  • One
  • Two

6 Column

  • One
  • Two
  • Three
  • Four
  • Five
  • Six

4 Column

  • One
  • Two
  • Three
  • Four