ホームページの背景画像が途切れてしまう。
こんにちは。
現在、ホームページを作っているのですが、背景画像で困ってしまって質問しました。
ホームページはhtmlとCSSを使って、ホームページビルダーで作っています。
bodyに背景画像１を設定しています。
ホームページの内容は
<div></div>の中にinnerというclassを作って
スタイルシートで40ｐｘ×40ｐｘの背景画像２を「repeat」指定しています。
この背景画像２が、IEでは表示されているのですが、firefoxやchromeだと下のほうで
途切れてしまいます。
それも、ちゃんと表示できてるページと、途切れてしまうページの２種類があります。
原因を自分でも探してみたのですが、見つかりませんでした。
もし、知っている、気付いた方がいらっしゃったら教えていただけませんか？？
よろしくお願いします。
ちなみに、下記はスタイルシートに記載しているものです。
---------------------------------------------------------------------
body{
text-align:center;
margin-right : auto;margin-left : auto;
background-image : url(mokuteki/taiiku/bg_brown.png);
background-repeat: repeat;
font-size : 90%;
padding-top : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-bottom : 0px;
}
#wrap{
text-align : center;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : auto;
width : 100%;
padding-top : 0px;
}
.inner{
text-align : left;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
width : 900px;
background-image : url(images/bg_white.png);
background-repeat : repeat;
}
-----------------------------------------------------------------
お礼
ありがとうございます。書き換え方法は、再度質問させていただきます。とりあえず帰って、その顔面を確認します。ありがとうございました。