#sub
#main
高さがコンテンツ領域目一杯の2カラムで、かつフッターが最下部に表示されるレイアウトでコレというもの見つからなかったので作ってみた。
ツボはフロート要素(このレイアウトでは#sub)の背後に目一杯の高さで同じ背景属性の要素を重ねたこと。
あと、footerの高さが未知の場合は、jQueryで
$(function(){
  var h = $('#footer').outerHeight();
  $('#contents').css('padding-bottom', h + 'px');
});
のようにすれば良い...のかな?このサンプルはそうなっている。