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

Grid example, with divbalance

Right click to view the source. All CSS and JavaScript was left in place 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 matches and the containing row's background color does not show through. Additionally we have added 25 pixels of space to the bottom of each column.

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