フッターの高さを可変にする

フッター＋高さ＋可変で調べたら、「コンテンツの高さを可変にして、フッターを最下部に置く」がほとんどで、「コンテンツの高さはそのままで、フッターの高さを可変にする」がまったくでませんでした。
かろうじて見つけた記事、万が一見失ったら心底困るので、マイメモにとっておく。
参照：http://www.takasumi-nagai.com/blog/jquery-fix-foote.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
<script type="text/javascript">
jQuery(function(){
　　var winHeight = jQuery(window).height();
　　var headHeight = jQuery("#header").outerHeight({margin: true});
　　var mainHeight = jQuery("#main").outerHeight({margin: true});
　　var footHeight = jQuery("#footer").outerHeight({margin: true});

　　var spaceHeight = mainHeight - jQuery("#main").height();
　　var fullHeight = mainHeight + headHeight + footHeight;
 
　　if (fullHeight < winHeight) {
　　　　var wrapHeight = winHeight - headHeight - footHeight - spaceHeight;
　　　　jQuery("#main").height(wrapHeight);
　　}
});
</script>

デフォルトでは#mainの高さを変えるようにしてますが、ちょっと手を加えればフッターの高さを変えるようにすることもできました。