こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ホームページの背景画像が途切れてしまう。

こんにちは。

現在、ホームページを作っているのですが、背景画像で困ってしまって質問しました。
ホームページはhtmlとCSSを使って、ホームページビルダーで作っています。

bodyに背景画像1を設定しています。
ホームページの内容は
<div></div>の中にinnerというclassを作って
スタイルシートで40px×40pxの背景画像2を「repeat」指定しています。


この背景画像2が、IEでは表示されているのですが、firefoxやchromeだと下のほうで
途切れてしまいます。
それも、ちゃんと表示できてるページと、途切れてしまうページの2種類があります。

原因を自分でも探してみたのですが、見つかりませんでした。
もし、知っている、気付いた方がいらっしゃったら教えていただけませんか??
よろしくお願いします。

ちなみに、下記はスタイルシートに記載しているものです。

---------------------------------------------------------------------

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;
}

-----------------------------------------------------------------

投稿日時 - 2012-03-12 11:12:22

QNo.7357426

困ってます

質問者が選んだベストアンサー

IEといっても、一般的にはIE6~IE10までありますが・・・
htmlソースがないと不明ですね・・・
言葉で伝言ゲームをするより、ソースが全てを語る。
なので、
IEが絡むという事で勝手に想像しますと、
.innerの中のコンテンツの問題。

<div class="inner">
<div></div><div></div>
</div>
上記の様に
もし、.innerの中のdivボックスがfloatカラムだったら、clearしないと
.innerの高さが確保できないからclearや.fix、overflow、inlineなどで対応
つまり、
コンテンツによって高さを確保してあげる。

投稿日時 - 2012-03-13 21:58:34

お礼

htmlの記載がないにも関わらず、回答して頂きありがとうございます。
おっしゃる通り、innerの中に、カラムを組んでますが
一応、カラムのクリアの指定はしてあります。
ただ、おっしゃってる内容でもれてるページがないか、確認してみます!^-^
ありがとうございました。

投稿日時 - 2012-03-16 09:57:04

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問