CSSを使い、ページの一番下に文字列を表示する方法過去ログや検索で調べてみたのですが、いまいちよくわかりませんでした。よろしければ教えてください。外部のCSSファイルに .comment { position : absolute;bottom:5px; font-size:11px; color: black; width: 740px; } と書き込み、 HTML内で一番下に表示したい文字としました。すると、スクロールのあるページでは中途半端なところに文字が表示されてしまいます。必ずページの一番下に表示するにはどうすれば良いでしょうか。（JavaScriptとテーブルを使わない方法でお願いします）よろしくお願いします。

一番下に表示したい文字本文のように全体を～で囲んでその中に入れてみると言うのはどうですか？

CSSを使い、ページの一番下に文字列を表示する方法

解決済

質問者：954khz
質問日時：2005/06/18 13:39
回答数：3件

CSSを使い、ページの一番下に文字列を表示する方法

過去ログや検索で調べてみたのですが、いまいちよくわかりませんでした。
よろしければ教えてください。

外部のCSSファイルに

.comment {
position : absolute;bottom:5px;
font-size:11px;
color: black;
width: 740px;
}

と書き込み、
HTML内で

<div class="comment">一番下に表示したい文字</div>

としました。

すると、スクロールのあるページでは中途半端なところに文字が表示されてしまいます。
必ずページの一番下に表示するにはどうすれば良いでしょうか。
（JavaScriptとテーブルを使わない方法でお願いします）

よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： ao_
回答日時：2005/06/22 11:39

ページの一番下とはbody要素ですか？

もしbodyの子に全体をくくるdivがあるなら、そのdivにposition:relativeを追加してみてください。

- 0
- 件

通報する

この回答へのお礼

<div style="position:relative;top:5px;">
でくくることにより解決できました。
ありがとうございます。

通報する

お礼日時：2005/06/23 21:09

No.2

回答者： m035
回答日時：2005/06/18 23:56

<div style="position:absolute;">

<div class="comment" style="position:absolute;bottom:5px;font-size:11px;color:black;width:740px;">一番下に表示したい文字</div>

本文

</div>

のように全体を<div　style="position:absolute;">～</div>で囲んでその中に入れてみると言うのはどうですか？

- 0
- 件

通報する

この回答へのお礼

<div style="position:relative;top:5px;">
でくくることにより解決できました。
ありがとうございます。

通報する

お礼日時：2005/06/23 21:09

No.1

回答者： m035
回答日時：2005/06/18 16:26

.comment {

position:absolute;
bottom:5px;
font-size:11px;
color:black;
width:740px;
}

でだめでしょうか？
<div class="comment" style="position:absolute;bottom:5px;font-size:11px;color:black;width:740px;">一番下に表示したい文字</div>
でテストしたところ問題はありませんでしたが・・・