Penny Arcade Forums› Help / Advice Forum
The new forums will be named Coin Return (based on the most recent vote)! You can check on the status and timeline of the transition to the new forums here.
The Guiding Principles and New Rules document is now in effect.

CSS background scrolling shenanigans

DelzhandDelzhand Registered User, Transition Team regular
edited February 2009 in Help / Advice Forum
Here's a head scratcher. I have a background that I do not want to scroll with the page. It is currently set to the background image of #page, which is enclosed in #body. #Page is fixed width, centered in the body. The default setting is background-attachment: scroll. But if I use background-attachment: fixed, it stays where it's supposed to be, but it aligns the background image to the body (or maybe the window) instead of the page element.

I can't used background positioning, because #page is centered.

Any ideas?

Edit: W3.org confirms that using fixed sets a background to the viewport... informative but unhelpful for this design.

Delzhand on

Posts

  • JasconiusJasconius sword criminal mad onlineRegistered User regular
    edited February 2009
    I think that's pretty much how it works, you can't get around it.

    If I read you right you want this image to just stay put when you scroll around... then I'm thinking you need to set the actual element to be fixed

    or something



    or don't use tacky design elements ;)

    Jasconius on
    this is a discord of mostly PA people interested in fighting games: https://discord.gg/DZWa97d5rz

    we also talk about other random shit and clown upon each other
  • DelzhandDelzhand Registered User, Transition Team regular
    edited February 2009
    Yeah, I don't know what the fuck I'm doing with this site. I've made it impossible to read, which is sort of okay for now, since I neither have nor expect readers.

    I'm a game designer, not a graphic designer, and I think it shows. Maybe I should just cop out and use 2008's trends. I'll just make everything glossy and put mirror reflections under every bit of content.

    Delzhand on
  • admanbadmanb unionize your workplace Seattle, WARegistered User regular
    edited February 2009
    Delzhand wrote: »
    Yeah, I don't know what the fuck I'm doing with this site. I've made it impossible to read, which is sort of okay for now, since I neither have nor expect readers.

    I'm a game designer, not a graphic designer, and I think it shows. Maybe I should just cop out and use 2008's trends. I'll just make everything glossy and put mirror reflections under every bit of content.

    Or you could make a simple, text-based page with a simple color layout (example: grey background, white foreground, with the foreground being anywhere you have text, a light blue/green/red for menu type stuff). The basics of design are not that hard. Just make something simple and work from there.

    admanb on
    twitter, github
  • JasconiusJasconius sword criminal mad onlineRegistered User regular
    edited February 2009
    See if position:fixed on the thing you have the background on will get you closer to what you want.

    Jasconius on
    this is a discord of mostly PA people interested in fighting games: https://discord.gg/DZWa97d5rz

    we also talk about other random shit and clown upon each other
Sign In or Register to comment.
Penny Arcade Forums› Help / Advice Forum