フッターの固定方法

締切済

質問者：emi-chan3
質問日時：2014/03/02 11:31
回答数：2件

コンテンツが短い場合でもフッターを画面の一番下に固定させたいのですが、うまくできません。

http://thai-kosiki.net/list/list-osaka-hokubu.htmlのページでは画面の一番下にくるのですが、
http://thai-kosiki.net/list/list-osaka-seibu.htmlのページではフッターが上に上がってしまいます。

検索で「フッター固定」と調べて、
#readに「Padding Bottom 105px」を設定したり、div#footerに「Position absolute」や「bottom 0px」を設定したりいろいろ試したのですが、ひとつのページがうまくできても、違うページがぐちゃぐちゃになったり…。うまくいきません。

アドバイスをお願いします。どうぞよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： ORUKA1951
回答日時：2014/03/02 14:38

現象が再現できないのですが？？

Q:フッター固定とは、fixedで常にウィンドウに固定されているという意味です。
　ひょっとして表示領域が低い場合はディスプレイ高さ一杯、相でない場合は追随と言う意味じゃないのですか？

- 0
- 件

通報する

No.1

回答者： nanden1548
回答日時：2014/03/02 12:40

CSSの記述がおかしいのでは？

scriptなどを見ると、Ｄｒｅａｍｗｅavｅｒを使っていると思いますが？
ＣＳＳの読み込みを禁止して、
ＨＴＭＬ本来の仕様からテストされてみてはいかがでしょうか？
位置に絶対値を利用すること自体、あまりお勧めできませんが？・・・
ｃｓｓの記述自体も、reset.cssを読ませてから順に、読ませないと・・・
仕様書を読まれることをお勧めします。

参考URL：http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …