もしかしたら初歩的な質問なのかも知れません。


CSSやテーブルでページの枠組みがデザインされていて、
その中にコンテンツがあるページにおいて、
ページ内のコンテンツが少なく無理やり<br>などを入れないと
フッター部分がスクリーン下部まで至らないときに、
(ギリギリスクロールなしの状態、margin-bottom:0の状態)
自動的にスクリーン下部までページを拡張する方法はありますか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/04/23 23:19:07
  • 終了:2008/04/24 16:05:03

回答(3件)

id:takaramonob No.1

takaramonob回答回数77ベストアンサー獲得回数52008/04/23 23:51:21

ポイント35pt

http://www.htmq.com/style/margin-top.shtml

div#footer { margin-top: 90%; }

フッター部分をdivなどでくくって上マージンをとればよいのでは?

id:shinwa-tokyo

ご回答頂きありがとうございます。

でもこの方法ですと

全てのページに均一(又は均一の割合)にマージンを足してしまいますよね。

もちろんページ毎にCSSを変えて設定する方法もあるのですが、

それでもモニターの大きさの違いなどには対応できないのではないかと思います。

ここではそうではなく

それぞれコンテンツの量が違うページにおいて、

・コンテンツの量が十分でウィンドウ下部に達している場合又はスクロールの入っている場合はそのまま。

・コンテンツの量が十分でなくウィンドウ下部に達していない場合は自動的に拡張する。

方法はないんだろうかと探しています。

2008/04/24 01:41:15
id:sterwars22 No.2

sterwars22回答回数363ベストアンサー獲得回数02008/04/24 00:51:40

意味わかりません

http://www

id:shinwa-tokyo

width: 100%

のheightバージョンみたいな感じでスクロールがない時に限り、

ページの長さをウィンドウの大きさに合わせたいのです。

2008/04/24 01:40:42
id:pahoo No.3

pahoo回答回数5960ベストアンサー獲得回数6332008/04/24 09:31:08

ポイント45pt
<style type="text/css">
<!--
.main {
	position: absolute;
	top: 0px;
	height: 100%;
	background-color: #FFFF00;
}
.footer {
	position: absolute;
	bottom: 20px;
	background-color: #FF0000;
}
-->
</style>

mainクラスのボックスについてはご要望の通りの表示になると思うのですが、これではfooterクラス

  1. コンテンツの量が十分でウィンドウ下部に達している場合又はスクロールの入っている場合はコンテンツの末尾に
  2. コンテンツの量が十分でなくウィンドウ下部に達していない場合は自動的に画面の最下行に

という表示にならず、常に2の動きをしてしまいます。

うーん、難問です。


参考サイト

id:shinwa-tokyo

ご回答ありがとうございます。

そうなんですよね。

僕も同じようなことを悩んでいました。

が、調べていたところこの方法が見つかりました。

http://webtech-walker.com/archive/2007/04/18002445.html

どうやらmin-heightで実現できそうです。

2008/04/24 16:04:01
  • id:pahoo
    > どうやらmin-heightで実現できそうです。
    ありがとうございます。逆に教えられました。
    調べたところ、min-heightは CSS 2.1 で標準化されていますね。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません