background vertical tiling

[phaseform]

I’m trying to repeat an image down the left of the screen as the background, being only one image in width. Not sure how div float n things like that apply in this instance. This is my not working css so far:

.container {
position:relative;
width: 80%;
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.precontainer{
width:100%;}
.leftmargin{
width:20%;
background:url(../side.png);
height:100%;
}

[Paulie_D]

A Demo would be ideal but you have to use background-position and background-repeat:repeat-y

Something like this

http://codepen.io/Paulie-D/pen/azxMvb

[phaseform]

ok thanks, that’s much closer, but I want the background image to be 20% of the page width.?
So far I think that answer has saved me a good hour of hairloss

[phaseform]

thankyou, solved!

[Author]

Posts