スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.両側背景固定にしたいんだけど…[2右]

A.
フミコミュニティ(23)では通常、画像1枚を使って、画面中央に配置するのを両側背景固定として紹介・説明してます。

これは実際には両側背景固定とは言いません。
何故なら、画面サイズ(ディスプレイサイズ)によって見え方が違い、背景画像が切れたり、余白が大きく見えてしまうからです。
本当は複数背景固定をするのが正しいやり方です。

ですが、『これでもイイ』という方や、本当に『画像1枚使って、画面中央に1列に表示させたい』という方もいるので、やり方を紹介します。

スタイルシートを修正するとできます。
以下、変更方法です。


1.
スタイルシートの11~17行目付近に
body {
margin:0px auto 0px auto;
padding:0;
color:#999999;
background:#FFFFFF;
text-align:center;
}

というのがあります。

2.
1.の赤文字のところを
background:transparent;
このように変更します。

3.
更に、1.} の以下の青文字を追加します。

background-image: url("画像URL");
background-attachment: fixed;
background-position: center ;
background-repeat: repeat-y;

を追加します。

画面中央に1つだけ背景画像として表示させて場合は、
background-image: url("画像URL");
background-attachment: fixed;
background-position: center ;
background-repeat: no-repeat;

を追加します。
スポンサーサイト
[ 05/09 ] [背景]2カラムblue 右サイドバー | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。