0

右側の列の背景画像に問題があります。メインコンテンツエリアの高さが変わると、垂直に繰り返されることを期待しています。

どんな助けでもいただければ幸いです

ここに私のCSSがあります

 #rightcol {
        background: #86030b url(images/leftcol-bg.jpg) top repeat-y;
        height:100% !important;
        text-align: center;
        float: right;
        width: 210px;
        padding: 20px auto;
      }

Here is some more of my CSS

    #content-wrapper {
width: 930px;
height: 100%;
margin: 10px auto;
}

#content_main {
height: 100%;
padding: 14px;
top: 0px;
background: #fff;
width: 692px;
float: left;
margin-bottom: 0px;
}

#rightcol {
background: #86030b url(images/leftcol-bg.jpg) top repeat-y;
height:100% !important;
text-align: center;
float: right;
width: 210px;
padding: 0px auto;
  }

これまでのすべてのあなたの助けに感謝します

4

3 に答える 3

0

body タグを含むすべての親要素の高さを 100% に設定して、「rightcol」がページの高さ全体を埋めるようにする必要があります。

これは、 http: //webdesign.about.com/od/csstutorials/f/set-css-height-100-percent.htm に役立つかもしれない少し軽い読み物です。

于 2013-10-14T22:56:01.113 に答える
0

これを試して：

#rightcol {
    background-image:url('images/leftcol-bg.jpg');
    background-repeat:repeat-y;
    height:100% !important;
    text-align: center;
    float: right;
    width: 210px;
    padding: 20px auto;
  }
于 2013-10-14T22:56:49.163 に答える