だから私はブートストラップテンプレートを構築しています.私が遭遇した問題は、サイトの左側に配置された背景画像と右側の複製を追加しようとしていることです.
このように書かれており、それがばかげていることはわかっていますが、ブートストラップコンテナーの内側、外側などの組み合わせを試しました.
#background-right {
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.containerbackgroundright {
background-image: url("../images/subtle_stripes.png");
height: auto;
max-width: 50px;
min-width: 0;
position: relative;
right: -15%;
}
私がそれを書いた愚かな方法を無視してください。現在は の直後<body>
と の前<container>
です。何が起こるかというと、コンテナがそのページのコンテンツでどれだけ伸びるかにもよりますが、ほとんどの場合、リピート背景の高さはページの約 75% にしか達しません。ページの 100% ではありません。
に変更するposition:
とfixed
、実際には機能しますが、修正したくないため、望ましくない結果が生じます。幅はブートストラップで美しく調整されますが、高さは私が望む限り伸びません。停止するだけで、その下に空白ができます。
私の推測では、高さ 1600px などの繰り返しパターンから画像を作成し、最小高さ/最大高さを指定した場合、これで解決する可能性がありますが、そうしないことをお勧めします。私が見逃しているもの、または試すことができるものはありますか?
繰り返しになりますが、サイドバーをページの左側に配置し、別のサイドバーをページの右側に配置して、流動的に調整できるようにして、ブートストラップのコンテナーの後ろに消えるか非表示にする (これは機能しています) 必要がありますが、完全な 100% の高さである必要があります。ページがどれだけ伸びても、ページ。