フッターが上に上がるのを防ぐ、上がらないようにする方法

通常、フッターを下部に固定しているとコンテンツが最低限の縦幅を確保していれば

上に上がってくることはないのだが、例えばサイト内検索などで何のコンテンツも

ヒットしないような404エラーページなどでは上に上がってしまう。

 

よく使う横幅指定の【min-width】と同様に縦幅も【min-height】で確保してやれば良いだけ。

しかし他のWindows IE6以下とMac IEなどでは固定されないので、下記のように* html~と

記述しハックを利用する。

またFirefoxなどではheightだけでは逆に固定されたままになってしまう。

 

#main-contents {

min-height:500px;
}
* html #main-contents {
height:500px;
}