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;
}
本当に困っております。
誰かわかる方がいらっしゃればよろしくおねがいいたします。
お礼
tableに背景を指定しても赤いラインは消えません そもそも何で、bodyで指定した背景画像がtableの下の部分に表示されてしまうのでしょうか?
補足
すいません、どのように記述したらいいのか今ひとつ分かりません htmlに<table summary="test"> cssにtable[summary="test"]{background-color:white;} と記述すればいいのでしょうか?