タイル張りの背景画像については、完全にタイリングされていません。

Question

私はこのサイトを数ヶ月読んでいて、検索していくつかの素晴らしい答えを得ました。これは私の最初の投稿ですので、もし私が議定書に従わなければ、事前にお詫びします。 :) 私は実用的なソリューションを見つけることができない何かにぶつかった。

私は中央の2列のシングルページサイトを作っています。左側の列はnav用で固定されています。右側の（コンテンツ）列はスクロールし、追加されたコンテンツとともに垂直方向に展開されます。 2つの列の周りにドロップシャドウを追加しましたが、これはコンテンツdivで垂直方向に拡大したいのですが、画面の下部で停止します。私はコンテンツのdivの周りに赤い境界線を置いて、明らかなものが見つかるかどうかを確認します。私は、コンテンツのdivが拡大していないことを伝えて、コンテンツのdivの下に影がなくなることを発見しました。そのdivの高さを100％に設定します。

問題が高さの設定に関連しているかどうか、または私が使用している位置付けかどうかはわかりません。私はフォーラムを検索し、bodyやhtmlの高さを100％に設定する提案を見つけました。影はラッパーdiv（100％に設定されています）です。まだ行きません。

この時点で、私は迷っています。それはおそらく単純なものですが、私はそれを見ていないだけです。私はここにコードを掲載しようとしていましたが、無関係な部分は入れたくありませんでした。同時に、私はどの部分が関連しているかわからない。したがって、htmlとcssが表示されるページへのリンクがあります： http://modernrelic.com/newsite.html。ここに投稿する方が良い場合は、お知らせください。追加していただければ幸いです。

私は行方不明を誰も見ることができますか？

Answer 1

#contentがabsolute lyであり、float ed rightという問題があります。これらの2つのプロパティは、通常のフローからそれを壊します。したがって、それらを削除する必要があります。

あなたのCSSについて長い間混乱してしまった後、これを実現するためのいくつかの変更があります。まず、#contentのためのCSSは他のプロパティを持つこののようになりますを必要：

width: 650px; 
margin-left: 350px; 

あなたが作る必要があるだけで、他の変更は#bg-shadowからheight: 100%を削除することです。これはChromium 16で動作させるために変更しなければならなかったもので、他のブラウザでも動作する可能性が非常に高いです。