人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: shinwa-tokyo
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS margin ギリギリ コンテンツ スクリーン
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● takaramonob
●35ポイント

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

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

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

◎質問者からの返答

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

でもこの方法ですと

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

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

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

ここではそうではなく

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

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

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

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


2 ● sterwars22
●0ポイント

意味わかりません

http://www

◎質問者からの返答

width: 100%

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

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


3 ● pahoo
●45ポイント
<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の動きをしてしまいます。

うーん、難問です。


参考サイト

◎質問者からの返答

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

そうなんですよね。

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ