Forums

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

Home › Forums › CSS › 2 Repeating Backgrounds Starting at Different Points

  • This topic is empty.
Viewing 4 posts - 16 through 19 (of 19 total)
1 2
  • Author
    Posts
  • November 28, 2012 at 2:26 pm #115839
    Paulie_D
    Member

    Sounds complex.

    Just use an equalheight script and set a different bg to the sidebar.

    November 28, 2012 at 5:33 pm #115859
    wolfcry911
    Participant

    So what happens with the content when the browser is resized? It sounds to me like you haven’t thought this through.

    November 29, 2012 at 3:22 pm #115959
    realph
    Participant

    Think I might have worked it out. Solution incoming!

    December 3, 2012 at 8:16 pm #116221
    realph
    Participant

    Ok, so I think I found a solution here. I’m using body:after to create a “faux background” that starts from the left of the browser window. The benefit of this is no extra divs, and just a few lines of CSS. I then give my content div the same background as the body and voila!

    Here’s a CodePen with my results: http://codepen.io/realph/pen/recAg

    Works pretty well, right?

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