どうすればページのように背景を作ることができますか？

Question

変更しようとしているウェブサイトに問題が発生しました。ページの背景は、私がサイドに置いたバナーのように続かず、サイトはこのために恐ろしいように見えます。あなたは、バナー（1500px）がある限り、コンテナの背景をどのように延長するかを理解してもらえますか？ ご迷惑をおかけして申し訳ございませんが、曖昧なWebサイトにリンクを張って問題の内容を確認することができます。 それはあなたがバックグラウンド-sizeプロパティを使用することができますhttp://gentlecare.ro/index.php?route=information/information&information_id=6

どうもありがとう、 アイリス

Answer 1

です。現代のブラウザーに限られていました。また、背景画像だけをストレッチすることもできます。

Answer 2

あなたはCSSの構文エラーを持っているようにそれはそう、それの内容

またはそれ以上使用CSS Clearfix Best Cross browser solution

Answer 3

にコンテナを伸ばすためにあなたのcontainer-innerのdivの終わりに

<div style="clear:both"></div> 

を配置する必要があります：

#column_left { 
    float:left; 
     width:230px; 
     clear:; // needs to be "clear:both" 
     padding:30px 0 0 10px; 
       } 

Answer 4

<div id="container-inner"> 
<div id="header"> 
<div id="column_left"> 
<div id="column_right"> </div> 
<div id="content"> 
<div style="clear:both"></div>// add this 
<div id="footer"> 
<div style="clear:both"></div>// add this 
</div> 

この

#container { 
     background-image: url("../image/layout/bg-container.jpg"); 
     background-size: 990px 1518px; 
    } 

#footer { 
    background: url("../image/layout/bg-footer.jpg") no-repeat scroll center top transparent; 
    bottom: 0; 
    height: 60px; 
    margin: -130px 0 0; 
    padding: 70px 20px 0; 
    position: relative; 
} 

Answer 5

バナーが固定の高さを持っているので、あなたの#container IDに同じ高さの属性を追加することができます。

#container { 
width: 990px; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
background: url(../image/layout/bg-container.jpg) center 0 repeat-y; 
height: 1504px; 
}