> Hi all again, > > I'm having a small problem now, to create the shadow effect in the > main area, I cut a 1 px image with the shadowed border. When I put > that image as background and set a repeat-y the shadow tiles funny, > it's not a smooth and continue shadow as it should be.
The image you have specified for your background (main_background.jpg) is not an even gradient from top to bottom. Try downloading (right-click, save as, save to your images folder) and using this image instead: http://www.charlestonwebsolutions.com/examples/main_background.gif This is a GIF, as opposed to the JPG that you are currently using, so be sure to change your style sheet rule to make use if this image instead of your JPG image. #layout { width: 850px; margin: 0 auto; background-image:url(../images/main_background.gif); /* new GIF */ background-repeat: repeat-y; } -- Jono Young Designer | Developer | Illustrator Charleston Web Solutions "Bringing Higher Standards to the Lowcountry" http://www.charlestonwebsolutions.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
