電子書籍の厳選無料作品が豊富!

ホームページの背景画像をスタイルシートにて、両端に表示させたいのですが、どなたかご存じの方、教えていただけないでしょうか?
現在は以下のものを使用しています。
body { background: white url(bg018.gif) repeat-y;
よろしくお願いいたします。

A 回答 (2件)

ANo.1さんが書いてみえる「横幅が常に固定~」と言うのは、多分、「元々両端に画像が描かれている背景画像を利用する」事だと思います。


敷き詰めた時にタイル状にならないよう、横長になっている画像だと少し面倒ですが、余白が少ない画像でしたら、下のようにANo.1さんの書かれたCSSに一文足した方が早いと思います。↓

HTML {
background: white url(bg018.gif) repeat-y;
background-position: right;
}
body {
margin-right: 背景画像の横幅サイズ;
background: white url(bg018.gif) repeat-y;
background-position: left;
}
    • good
    • 1

横幅が常に固定されているなら、その幅の画像を用意すれば済みます。



そうでないなら、
HTMLとBODYに対して

HTML {
background: white url(bg018.gif) repeat-y;
background-position: right;
}
body {
background: white url(bg018.gif) repeat-y;
background-position: left;
}

とでもして下さい。
http://rinrin.saiin.net/~aor/

この回答への補足

ありがとうございます!
横幅は固定されていますが、どのように入力すればよろしいでしょうか?

補足日時:2008/02/27 16:26
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!