はじめまして。
CSSで教えてほしいのですが・・・
今回はたとえ、1行2行のコンテンツでも背景(ブロック)がブラウザの一番下までいき、スクロールしてもブラウザの下までぴったり背景が続いているものを作りたく思っています。
ただ、何度試しても短いコンテンツにはしたまで表示されるのですが、長めのコンテンツだとはじめに見えてるブラウザの枠より下はいっさい背景が表示されません・・・
これをなんとかコンテンツのボリュームに合わせて、つまり、
最低はブラウザ目一杯の縦幅、最大は可変を実現したいのですが・・・
教えてください。
No.3ベストアンサー
- 回答日時:
背景画像(たとえばimageフォルダにあるback.gif)として埋め尽くすだけなら、
BODY {
background-image: url(image/back.gif);
background-repeat: repeat;
}
でやれば1つの画像によって背景全部がその画像が敷き詰められてズラズラ並びます。
イラスト(300px*300px)などを100%指定しても、
画像の100%の大きさ、300px*300pxでしか表示されません。
No.2
- 回答日時:
高さを100%に指定したのなら、指定した高さの侭表示される筈。
但し</body>迄の行数が短か過ぎるとFirefox2では其の侭の高さを表示しない筈です。
(画像では未確認ですが、CSSで尚且つXHTMLでの書式で背景色は上記の様に</body>迄しか反映しない為と思われる。)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(Microsoft Office) googleスプレットシートで左右の数値を比較して色判別させたい 2 2022/06/06 18:33
- デスクトップパソコン 全画面表示でもタスクバーを前面に隠す、表示させるようにしたい 3 2022/03/23 12:30
- Chrome(クローム) 最近Win10にてブラウザが左にスッと隠れていく現象に悩まされてます 3 2023/07/22 23:11
- Chrome(クローム) Chrome 非表示のブックマーク 多量 下にスクロールするのに時間かかる 良い方法は 1 2023/01/16 23:34
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- au(KDDI) 「カメラへのアクセスを許可してください」のせいで年齢確認書類を撮影できない、アップロードできない 2 2022/11/01 00:04
- その他(ブラウザ) ブラウザを再起動してください 1 2023/06/22 09:05
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像とその下にあるテキストの...
-
background-repeat CSS で切れ...
-
background-sizeでcontainする...
-
<hr>の縦バージョンはありますか?
-
画像の上に
-
同じ画像 複数回使用
-
CSSで背景画像をランダムに表示...
-
背景画像を反転させる方法
-
lightbox2で画像を天地左右中央...
-
IMGタグで画像の繰り返し使用は…
-
半透明のtable、画像は透過した...
-
htmlかcssで背景の白い枠をなく...
-
マウスオーバーで透明の白い幕...
-
要素の幅をいろんな写真の幅に...
-
テーブルの中の背景画像固定に...
-
htmlホームページ作成について...
-
背景画像をブラウザサイズに合...
-
background-sizeの背景で最小値...
-
画像上に文字を表示するとiPhon...
-
【Webサイト】画像が小さく表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報