-

ウィンドウ最大だと正常に見えているのに、ウィンドウサイズを変更して横にスクロールするとコンテンツは見えるのに背景色が切れてしまっています。こういう場合、どう対処すればいいでしょうか?

みんなの回答 4 件

名無しさんの回答

floatを使用していますか?親要素にclearfixかoverflow:hidden;とかで解決するかも。

名無し

ありがとうございます!そのような場合もあるんですね。今後の参考にします!

名無しさんの回答

100%幅ブロック(A)と絶対値幅のブロック(B)が縦に積まれている時にAの背景が隠れる問題でしょう。Aに対してBのwidthと同じ値をmin-widthとして指定してみて下さい。Bの左右にpaddingやborderが有ればこれも加算した値にする必要があります。

名無し

なるほどです!そういうことだったんですね。とても参考になりました。どうもありがとうございました!m(_ _)m

名無しさんの回答

javascriptでゴニョゴニョしている場合、javascriptがちゃんと書かれていない可能性もありますね。まずは、cssのみの問題かjsを含む問題なのかを調べてみてはどうでしょうか。

名無し

ありがとうございます!今回は違ったようですが、そのようなケースもありますよね。注意したいと思います!

名無しさんの回答

背景を body に当てていませんか? bodyの要素はウィンドウサイズによって背景切れてしまうので、<div>要素に当てるように変更するとうまくいくかもしれません。

名無し

おっしゃるとおりです。今回はbodyに当てていたというのと、min-widthの部分が大きな原因となりました。助かりました~ありがとうございます。

最終更新日:2011-11-30 (5,342 views)

関連するトピックス

ページ上部に戻る