IE6 以外では、position: fixed;
がサポートされているのでどうってことはないが、IE6はposition: fixed;
が使えないので、ごにょごにょしてなんとかしないといけない。
ネットを彷徨った結果、標準モードでIE6で疑似フレーム(position: fixed;
もどき)を作るのに参考になったのが上記のサイト。
コンディショナルコメントでIE6用のCSSを記述します。なぜ、この方法でうまく行くのかはよくわからない。height: 100%;
の挙動など、よく理解してない部分が多いです・・この件に関しては互換モードの方が融通が利くみたいですが、そこは妥協しません。もとはといえば、position: fixed;
をサポートしてないIEが悪いん(ry
height: 100%; のテスト (ウィンドウ小さめで見て下さい)
IE6、IE7、mac版Firefox 2.0、Safari 2.0、Netscape 7では大丈夫です。mac版IEは死亡。Opera はフッタが表示されない。もう、疲れたのでソースは割愛します。参考にしたサイトから特別変更はしてません。それにしてもPHPSPOTマンセー、ホントに。