ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
QNo.3966046 repeat-yの限界ってありますか？
質問者：noname#64096 そんなのないですよね？
CSSで背景を設定しています。
今、長めのHPを作っているのですが・・・

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

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

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

いろいろ試しても解決できませんでした・・・
どうかよろしくお願いいたします。
困り度：
  • すぐに回答を！
質問投稿日時：
08/04/21 22:27
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答良回答20pt
ANo.3 > repeat-yの限界

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

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

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

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

いずれにせよ、ANo.1の回答者様のご指摘の通りです。詳細を公開して頂かないと原因の特定もできませんしと解決策も出てきません。
原因を特定する為の一つの手段として、不具合が起きる箇所の一番内側の子要素から順に削除or隠していってみる、という方法があります。ある時点から不具合が解消されるのであれば、”そこまで”のコンテンツのマークアップ及びスタイルに何らかの問題があるという事になるからです。
回答者：abril
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：
08/04/22 11:17
この回答へのお礼この回答にお礼をつける(質問者のみ)

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

floatでclearし忘れたりするとよく起きますね。
中にいれてるものにfloat使ってませんか？
回答者：tenderfeel
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：
08/04/22 11:11
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.1 HTML/CSSのコード（ソース）を明記して貰わないと回答するにも困難です^^;
回答者：aides
種類：補足要求
どんな人：経験者
自信：参考意見
回答日時：
08/04/22 02:49
この回答へのお礼この回答にお礼をつける(質問者のみ)
 
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ