One quick technique I used yesterday was to make three elements of equal height; it’s very simple and won’t cope with dynamic content, but is perfectly suitable for simple page layouts.
The code simply takes the elements involved (I’m using two in this example), calculates the height of the tallest, and sets the heights of the others to match:
var highestCol = Math.max($('#element1').height(),$('#element2').height()); $('.elements').height(highestCol);
There’s nothing groundbreaking about this, and I’m certainly not claiming to have invented the technique (there’s another version here, for example); I provide it here only as an example of how jQuery makes layout problems easy to resolve.
I’ve since discovered that there’s a plugin which will do this for you, which is much more useful if you want to work with multiple elements, but mine has the advantage of being only two lines!