0

I created a webpage with some simple CSS with a striped image (62px width, and 32px height) and I want it to repeat vertically all the way down to the bottom of the page. My issue is that it stops at the end of the content, such as if I put "Test," it will be very small. If I have an entire essay, it will repeat with it - but not much if the page doesn't scroll.

Image: http://avaworld.net/images/bordLeft-blue.png

Website - http://www.avaworld.net/

#blueWrap { margin: 0; background-color: #131313; padding: 0; display: block; }

#blueRight { padding-right: 62px; background: url(http://avaworld.net/images/bordRight-blue.png) top right repeat-y; }

#blueLeft { padding-left: 62px; background: url(http://avaworld.net/images/bordLeft-blue.png) top left repeat-y; }

<div id="blueWrap">
    <div id="blueRight">
      <div id="blueLeft">
        Test
     </div>
    </div>
</div>
4

2 回答 2

0

将此应用于您的CSS

body, #blueWrap, #blueRight, #blueLeft{height:100%;}
于 2013-07-24T07:35:27.727 回答
0

问题body, #blueWrap, #blueRight, #blueLeft{height:100%;}在于，当您有很多内容时，blueRightandblueLeft元素在滚动时不会跟随页面。

对于blueRightandblueLeft属性，在他们的 css 中尝试添加：position: fixed; height: 100%;

position: fixed;意味着div即使滚动也将保持在该确切位置。

height: 100%;是使高度为100％。

于 2013-07-24T07:36:04.573 回答