CSSで背景画像設定

質問

ページ自体はテーブルで位置を特定しています。
中央に750ピクセルのテーブルを配置しその中にコンテンツを入れています。
さて、背景画像を固定にしたいと思っています。
場所なのですが、ブラウザサイズに左右されない下部分・中心から375右の位置が右端になるようにしたいんです。
いわゆる「中央に750ピクセルのテーブルを配置しその下部分に画像を配置」した状態で、なおかつ固定としたいんです。

このような言い回しでわかっていただけたでしょうか?
CSSで右下に配置ってのはやったことがあるのですが、「中央から375ピクセルの位置が右端」なんてことが可能なのでしょうか?
方法があれば教えてください。

回答No.2

steel_gray · ベストアンサー

背景にする画像の横幅が750ピクセルなら下の中央に配置で同じ事になるんじゃないでしょうか。
background:url(～) bottom center no-repeat;

補足

750pixの画像を準備…
やっぱりこれしか方法なさそうですね。

回答No.4

koutarou504

{background:url("./sample.gif") no-repeat scroll center bottom;}
基本はこの指定だと思います。
あとは背景画像自体の調整かと。
横幅が750px以下なら左側に不足分を透過で付加して750pxとし、
横幅が750px以上ならばその超える値と同じだけ右側に透過を付加すれば良いかと・・・。
（透過が困難なら背景色と同じとしても可）

補足

750pixの画像を準備…
やっぱりこれしか方法なさそうですね。

回答No.3

SHOO-3

壁紙となると、やっぱり中央の下配置に固定サイズってのが正解のような気がします。

また、中央から375pxの位置が右端ってのは、Javascriptを使えばできそうですけど…実際フォルダの情報表示なんてこれを使って実現してるわけだし…むずかしそうだけど。

bodyのmarginを0にして、テーブル幅100%をセル3つで分割し、中央だけ750pxの指定、他の横の二つは背景を白などで塗りつぶしにして、真ん中の背景だけは透明。それでいてbodyの背景を壁紙にすれば、両サイドは白で隠されて中央だけ透けて見えるようなページができます。たぶん。未検証ですけど。

回答No.1

tamotsu180

テーブルの背景として設定するという
解決策では駄目なのかな？

補足

テーブルの長さは、ブラウザに対して100%以上になってしまいます。
その為、テーブルの背景にした場合、画面下に行ってしまいますし、固定にもならないですよね。(テーブルに対して固定かもしれないけど、ブラウザに対しては移動してしまいますよね。この言い方おかしくないです?)
なので、CSSでブラウザの一番下なおかつ…ってのが必要になります。