【旧】メイドさんと私【跡地】

　やりたいことは、昨日も書いたとおり、フッタより下に空白があいちゃうとかっこ悪いので、コンテンツ部の最低高さを指定しようという魂胆。
　IEをメインに開発を進めていたので、heightプロパティが動くっぽいということでこいつを指定していたのですが、どうも各所サイトの情報を見るに、これは正しくはheightではなくてmin-heightプロパティを使うべきであるとのことだそう。heightを指定してしまうと、高さがその指定値に制限されてしまい、はみ出したコンテンツは下にはみだして描画されたり、隠されたりしてしまうのが、CSSの仕様的には正しい解釈なのだとか。
　IE6のheightの挙動がまさしくmin-height的なもので、ということは要するにIE6以前の解釈が間違っているらしい。(ちなみにIE6以前にはmin-heightプロパティ自体がない。)

　なので結局、CSS側では

html { height: 100%; }
body { height: 100%; }
div.hogehoge { min-height: 100%; }

という風にすれば、div.hogehogeの高さが画面を埋め尽くすくらいまで広がるようで問題なさそう。IE7もmin-heightには対応しているらしいのでこれでよいっぽい。
　IE6以前のためにはどうするかというと、JavaScriptでUserAgentを判別して特別処理(styleタグを書き出してやる)以外なさそうです。一応動作環境にJavaScriptといれてあるから、このしかけ自体は問題ないよね、っと。