Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS background vertical tiling

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #199649
    phaseform
    Participant

    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%;
    }

    #199655
    Paulie_D
    Member

    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

    #199658
    phaseform
    Participant

    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

    #199695
    phaseform
    Participant

    thankyou, solved!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.