2012-02-17 6 views
0

私は、ページ上のコンテンツと同じ長さで表示する必要がある背景イメージを持っていますが、私の背景イメージはページにのみ表示されます。コンテンツの残りの部分は、ページの残りの部分に背景が表示されません。私は間違って何をしていますか?背景画像背景はrepeat-yですが、ページの下にはありません

#wrapper { 
text-align: left; 
margin: 0px auto; 
border:0; 
width: 960px; 
height: 100%; 
background-image: url('/images_/backgrounds/content_shadow.png'); 
background-repeat: repeat-y; 
} 
+0

例のリンクを投稿すると役立つ場合は、 –

+0

@StephenSarcsamKamenar私はdevサーバー上で恐れることができません –

答えて

0

高さプロパティを調整してみてください。100%は何に相対的ですか? 一般に、身長の高い高さのルールを定義することをお勧めします。

1

ため

CSS代わり#wrapperの本体に背景画像と背景リピートルールを適用してみてください。

+0

彼はページの "コンテンツ"にしか望んでいません。 –

+0

@StephenSarcsamKamenar正解、私は体に別の画像があります –

+0

ああ。井戸の高さ:100%はあなたが考えるかもしれない結果をもたらさない。通常、要素をまったく展開しません。高さの代わりに:100%試して分 - 高さ:100%。 – michaeljdennis

0

私の推測では、ラッパーdivはコンテンツの下部まで伸びていないということです。ラッパーの境界線を設定してみてください:

border: 1px solid black; 

あなたは背景がうまく動作している、とdivのは、あなたが望むものをやっていないことがあります。

0

代わりにhtml {}に背景画像のスタイリングを適用します。

0

cssからheight: 100%;を削除します。

関連する問題