ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

グラデーション背景をページのフルサイズでの表示方法について

日時: 2009/06/16 04:50
識別: IDenZ90N5Ke8U
名前: 初心者K  <murakami@you-carry.com>

はじめて質問いたします。
HP作成初心者でCSSの設定やその他てこずってます(;_;)

すみません、教えてください。
背景の画像をグラデーションで作成しました(サイズ:横1000px縦2px)
これをスタイルスタイルシートの設定で垂直100%にして表示したところ
右側に余白ができてしまします・・・・・
4方向マージン?を0にして・・とやっても右側に余白ができてしまうのですが
これを防ぐ方法は何かありませんでしょうか?
初心者の質問ですみません。
是非教えてください。

宜しく御願いします。

Re: グラデーション背景をページのフルサイズでの表示方法について ( No.1 )
日時: 2009/06/16 09:32
名前:

文章じゃ全然原因がわからないので、やってみたソースのうpを。HTMLとCSSの両方。

ついでに情報足りなさすぎるので補足を。

・ブラウザの種類は何か。複数のブラウザで試してみたか。
・モニタサイズというかブラウザサイズいくつだい。
・「背景画像を垂直100%(に拡大)」っていうのはそもそも無理。
 (現在策定中のCSS3ならできるが、先行実装のみなので割愛)
・「背景画像を縦に繰り返す(repeat)」ならまだわかる。
・「余白」はどのくらいの幅か。

グラデーションの終端の色をbackground-colorで指定するのが常套手段だろうか。縦2pxだから、斜めにグラデーションかけてるってことはないだろうし。ただしソースがないので勘。
Re: グラデーション背景をページのフルサイズでの表示方法について ( No.2 )
日時: 2009/07/07 18:00
名前: 通りすがり2

横1000px×縦2pxのグラデーション画像を垂直に繰り返しても、PCスクリーンは横1024px×縦768px(一般的サイズ)なので、24px分だけ余白が出来てしまうわけです。

だからと言って、水平方向に繰り返すと、右余白にグラデーション画像の左端が見えてしまいます。

結果として、市販されているPCの、1番大きいスクリーンに合わせたグラデーション画像を挿入するのが間違いない選択方法かもしれません。

<style>
<!--
body{background-image:url(image.gif);
background-repeat:repeat-y;
}
-->
</style>
ってな感じ!
アルバイト ( No.3 )
日時: 2011/12/06 22:12
名前: ぷぅにゃん
参照: http://ylm.me/index.html

騎乗位だけで月100万(ノ゚Д゚)ノシ☆ http://gffz.biz/index.html
高額収入 ( No.4 )
日時: 2012/06/16 23:53
名前:
参照: http://fgn.asia/

レベルの高い女の子います(*´ェ`*) http://sns.b8y.in/

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved