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?
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.
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?
http://www.osulmusic.com/test
css for the 'main-content' and 'article' divs...
CSS:
div#page-wrap{
width:650px;
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;
color:white;
}
Fix ur image and ur good to go~ :-)