repeat-yの限界ってありますか？

質問

そんなのないですよね？
CSSで背景を設定しています。
今、長めのHPを作っているのですが・・・

それぞれのページでなぜか背景（divで囲っています：heightはauto）が途切れてしまいます。
場所や途切れる長さは一定ではないようなので、中のコンテンツに影響されていると思うのですが・・・

一応、臨時の解決策としてそれぞれのページごとにCSSを分けて背景部分を適用するdivのheightをpx単位で指定すると解決しました。

これをautoのまま背景を途切れさせない方法はありますでしょうか？
といいますか、背景が途切れること自体以上だと思うのですが・・・

いろいろ試しても解決できませんでした・・・
どうかよろしくお願いいたします。

回答No.3

abril · ベストアンサー

> repeat-yの限界

質問者様の「長めのHP」というのがどれぐらいのボリュームがあるのか存じませんが、とりあえず（印刷した場合）A4で20ページ分ぐらいの長さになる様なボリュームのコンテンツを作成して試してみても、背景は問題なく最後までレンダリングされますよ。

> それぞれのページでなぜか背景（divで囲っています：heightはauto）が途切れてしまいます。
> 場所や途切れる長さは一定ではないようなので、中のコンテンツに影響されていると思うのですが・・・

であれば、おそらく中のコンテンツのブロックと親の背景をレンダリングするブロックとの関係が矛盾している為ではないかと思われます。
例えば、（消え方にもよりますが）子要素の実際の幅が親要素の幅を超えてしまっていたり、backgroundを子要素が上書きしてしまって親要素からの継承が切れてしまっていたり、といった原因が考えれます。それからANo.2の回答者様ご指摘の通り、floatの間違った使い方とか。あとは単純にマークアップが間違っている（開始タグと閉じタグの関係があっていない）とか。ただそうなると、「背景部分を適用するdivのheightをpx単位で指定すると解決しました。」となるのがちょっと解せませんが。やはりどこかでfloatやoverflowとか使っていたりしますか？
※ちなみに、heightプロパティはディフォルト値がautoですから、（何か親要素と絡めた高さ合わせ的な仕掛けでもしているのでもない限り）定義する必要はありません。

> これをautoのまま背景を途切れさせない方法はありますでしょうか？
> といいますか、背景が途切れること自体以上だと思うのですが・・・
> いろいろ試しても解決できませんでした・・・

いずれにせよ、ANo.1の回答者様のご指摘の通りです。詳細を公開して頂かないと原因の特定もできませんしと解決策も出てきません。
原因を特定する為の一つの手段として、不具合が起きる箇所の一番内側の子要素から順に削除or隠していってみる、という方法があります。ある時点から不具合が解消されるのであれば、”そこまで”のコンテンツのマークアップ及びスタイルに何らかの問題があるという事になるからです。

回答No.2

tenderfeel

背景をrepeatさせてる要素が高さをなくすと、
途中で切れたり背景が出てないように見えることがあります。
一時的にborderをつけて確認すると良いと思います。

floatでclearし忘れたりするとよく起きますね。
中にいれてるものにfloat使ってませんか？

回答No.1

noname#100277

HTML/CSSのコード（ソース）を明記して貰わないと回答するにも困難です^^;