背景画像について

質問

ブログの左右に空きがあるので空きの背景に
イラストを入れました。
左右別のイラストを入れたいと思っていますがカラムを増やさずに
左端と右端にイラストを入れた１０００PXのGIFを使って背景を設定しましたが、PCのディスプレーによって左右の幅が自動調整されているようです。
固定する方法を教えてください。

スタイルシート
body {background: url("http://***.ne.jp/***/image/user/1170964897.gif") repeat-y;
background-position:0px 0px;

padding: 1;}

回答No.3

345itati · ベストアンサー

#1です。
#container {
width :770px;
line-height: 140%;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 0;
}
を
#container {
width :770px;
line-height: 140%;
text-align: left;
margin-left: 100px;
padding: 0;
}
に書き換えて下さい。
右側の余白は、ウィンドウサイズを変えれば勝手に伸びていきます。

お礼

ありがとうございます。
上手くいきました。

回答No.2

noname#56851

#container {

width :770px;

line-height: 140%;

text-align: left;

margin-right: auto;

margin-left: auto;

padding: 0;

}

ここのマージンをいじって左側に固定させるのはどうですか。
ここだと思うのですが。

お礼

ありがとうございました。
上手くいきました。

回答No.1

345itati

何を固定したいのでしょうか？
訪問者のブラウザのウィンドウサイズ？→javascriptで出来ない事はないが、自動的にリサイズされるというのは嫌われる効果
画像の大きさ？→出来ない事はないが、javascriptの知識が必要

ちなみに、誰もがモニタいっぱいのフルサイズでWebページを見ているとは限りません。見えなければスクロールバーでページの閲覧位置を動かせばいいだけなので、フルサイズウィンドウを標準として作るのは好ましくないのでは・・・・そもそもモニタ解像度自体、閲覧者のPCの環境で変わります。
>PCのディスプレーによって左右の幅が自動調整されているようです。
CSS見てませんけど、メインのコンテナをセンタリングしているから、そういう状態になるんでしょうね。
モニタの解像度が小さかったり、ウィンドウが小さかったりしたらそもそも左右の余白自体出来ませんので、閲覧者の環境によっては背景画像が見えない場合もあり得ます。。。

補足

つたない質問内容で申し訳ありません。
使っているテンプレートはメインの幅が800PXでセンターリングされていると思います。
それでフルサイズで表示させた場合、PCによって左右の余白の幅が違ってきます。
どのPCで観ても左の余白部分を100px、メインの幅800px右はオートに固定したいのですが、
2カラムのテンプレートで変更できますでしょうか？