• ベストアンサー

Firefoxで背景が消えてしまう(スクロール時) min-height:100%

現在、下記のようにウェブページを作っています。 <div id="pagebody"> <div id="contents"> <p>aaaa</a> <p>aaaa</a> <p>aaaa</a> </div> </div> #pagebodyに背景を設定しrepeat-yで繰り返し指定をしています。 しかし、Firefoxの場合スクロールすると背景が消えてしまいます。 html { height : 100% ; } body { height : 100% ; width : 724px ; margin : 0px auto ; text-align : center ; } body > #pagebody { height : auto ; } #pagebody { height : 100% ; min-height : 100% ; background : url (../img/bg.jpg) repeat-y center } ある程度調べ、上記のように書いても全く治らずです。 アドバイスお願いします。

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

  • ベストアンサー
noname#39970
noname#39970
回答No.1

ウィンドウの100%でボックスを生成する指定だから動作として間違っていないのでは? height:100%; min-height:100%; を(片方もしくは両方)削除したらどうなる?

tower76sexy
質問者

お礼

回答ありがとうございます。 "削除"のアドバイスを元に、色々試した結果、floatが間違っていることに気づきました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • haraga
  • ベストアンサー率56% (36/64)
回答No.2

っていうか他のスタイルはやめて <BODY background="./img/bg.jpg"> <div id="pagebody"> <div id="contents"> <p>aaaa</a> <p>aaaa</a> <p>aaaa</a> </div> </div> ... ではいけませんか?

tower76sexy
質問者

お礼

ボディに背景設定しました。 ありがとうございます。

すると、全ての回答が全文表示されます。

関連するQ&A