SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast MelissaMiller's Avatar
    Join Date
    Mar 2008
    Location
    des moines, ia
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Depth for website

    I don't even know what to call what I'm trying to do, so here's a link. I want this effect of having the center panel standing out some from the background. Living Digitally

    thanks!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    All they've done there is have a background image on the <body> element repeating down the page. If your design s fixed-width, that's the easiest way to do it. Here's their code:

    Code:
    body {
      background: url("body.gif") repeat-y scroll center top #505050;
      color: #FFFFFF;
    }
    The image is wider than the content, and has the shadow effect on each side.

    You can also do this with CSS3, though it doesn't work in all browsers.

  3. #3
    SitePoint Enthusiast MelissaMiller's Avatar
    Join Date
    Mar 2008
    Location
    des moines, ia
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph, I really appreciate it. I knew that it must be easy, I see it done so much, but for some reason easy is sometimes really confusing to me.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    You're welcome. Most browsers have dev tools that allow you to peek under the hood and see what's going on. My preferred tool is Firebug for FF, but other browsers like Chrome have these tools built in. It's really easy to see that there's a background image on the body element using these tools.

  5. #5
    SitePoint Enthusiast MelissaMiller's Avatar
    Join Date
    Mar 2008
    Location
    des moines, ia
    Posts
    64
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Got it, and thanks again!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •