The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Background images not lining up

  • # March 12, 2009 at 8:11 pm

    So I just posted under a different title asking for help with some nav images not lining up.
    I’ve fixed that and now I have a small aesthetic issue…

    I’ve taken a slice out of my photoshop mockup to make an expandable main-content area. I’m seeing gaps in the drop shadows where the image repeats itself. Subtle but annoying. Any ideas?

    css for the ‘main-content’ and ‘article’ divs…


    margin: 0 auto;
    background:url(images/content-bg.jpg) repeat-y ;


    div#main-content{padding: 10px 40px 40px 50px;


    div#article {
    width: 500px;
    float: left;

    # March 13, 2009 at 2:14 pm

    hehe this is not a css issue, but if you look close at your repeating background, your gna see that the top 10px of the shadow is fading out. Thats why it looks like its not repeating correctly.

    Fix ur image and ur good to go~ :-)

    # March 13, 2009 at 3:57 pm

    Yar, so ’tis. Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed