#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2008
    Posts
    7
    Rep Power
    0

    Layout/Background technique?


    Hi guys,

    Thanks in advance for any help. I was hoping to create a site (and to test my abilities), and I was hoping someone could help me with this technique that I hope to implement.

    The best I can describe it is when a portion of the background is static and the page moves "over" it.

    I can't post links yet, but hopefully I don't get flamed for this haha. Here's a good example:

    calmdigital.com

    If anyone can direct me in the right place, I'd be most appreciative.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    713
    Rep Power
    441
    If you just want the background to be static, in the CSS you can use background-attachment: fixed. In the case you site above, it's not just a background, but an element with text inside it. In that case they're using position: fixed on that element and layering the other elements on top of it. You can do that by setting the other elements to position: relative and giving them a z-index.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2008
    Posts
    7
    Rep Power
    0
    Thanks for the reply!

    Just to clarify, the "calm" element inside is fixed while all the other layers are moving around it right?
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    713
    Rep Power
    441
    Yep!

IMN logo majestic logo threadwatch logo seochat tools logo