vozzek Posted December 8, 2008 Share Posted December 8, 2008 Hi all, I'd like to use a background image to create a gradient-type drop shadow around my entire website's content. I found another site that's doing it using a repeating .png image that's 1020x1, but the problem is I don't know how they're making it 'resize' depending upon the browser/screen resolution. The content of the site is centered, with a dark-to-light gradient drop shadow on both sides. No matter what I change my screen resolution to, the drop shadow sits nicely behind the website (the width of the site is 980px). I've tried duplicating it by changing the width of my own site to 980, but whenever I change my screen to a higher resolution the shadow is offset... but only on my site. So basically, can someone look at the site and tell me how they're doing it? I checked their CSS and don't see how it works. The site's url is diaperbags dot com Thanks in advance! Quote Link to comment Share on other sites More sharing options...
dropfaith Posted December 9, 2008 Share Posted December 9, 2008 there content size doesnt change ever that layout is static and set to the width of the image go down to 800 by 600 you need to scroll over to view tha page nothing resizes Quote Link to comment Share on other sites More sharing options...
vozzek Posted December 9, 2008 Author Share Posted December 9, 2008 Sorry, not sure what you mean by that. Quote Link to comment Share on other sites More sharing options...
dropfaith Posted December 9, 2008 Share Posted December 9, 2008 that image size on the example you gave doesnt resize at all they just use a wrapper div with the background image Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.