bodyから左右に15pxずつ背景画像をのばしたい
cssの基本設定ですが、
背景色をひき、さらにbodyから左右に15pxずつ背景画像をのばしたい
という設定を試みていますがうまくいかずご教授いただけたらと思い書き込みさせていただきました。
背景色が
#9999cc これを全面に表示し
背景画像を
width 800pxで作り下にリピート
そしてbodyが
width 770pxの
#ffffffの白色です。
そして
cssで記述して表示してみたところ
safaiではきちんと表示されるのですが、firefoxではbodyの幅までしか背景画像が表示されていません。
bodyから左右に15pxずつ背景画像をのばしたいのですが、どうやればよいでしょうか。
現在の状況ですが、
/* ここからcss ------------------------------------ */
*{
color: #333333;
font-size: 12px;
line-height: 20px;
text-decoration: none;
margin: 0;
padding: 0;
word-wrap:break-word;
}
html {
height: 100%;
margin: 0px;
padding: 0px;
background-color: #9999cc;
background-image:url(../img/bg.jpg);
background-position:center;
background-repeat:repeat-y;
}
body {
margin: 0px;
padding:0px;
color: #333;
text-align:center;
font-family:"メイリオ",Meiryo,"MS Pゴシック", Osaka, sans-serif;
}
本当に困っております。
誰かわかる方がいらっしゃればよろしくおねがいいたします。
お礼
解決いたしました。 回答して下さいまして、有難うございました。