PDA

View Full Version : Tough shadow question



ryanbowman
19 Mar 2007, 10:09 AM
Can anyone help me with shadow problems?

I'm trying to make a shadow on a white box on top of a gradient background (like this: http://www.ryanhbowman.com/insight.gif). I want to make it in html in a way that the white box can always be centered in the middle of the page. I am fine doing the html part, it is easy to get a table to stay in the middle horizontally and vertically.

My problem is trying to get the shadow to adjust with it. It would be as if I was trying to put a nice gradient shadow around the box in this webpage: http://www.landaureece.com/. See how the box moves around the page when the window is resized? How do I get my shadows to be transparent enough to work wherever on the background they fall?

Appreciate this is slightly convoluted but maybe someone can help? Please?

thanks,
ryan
http://www.ryanhbowman.com/insight.gif http://www.ryanhbowman.com/insight.gif http://www.ryanhbowman.com/insight.gif (http://www.ryanhbowman/insight.gif)

pilotdesigns
19 Mar 2007, 10:47 AM
Use a .png shadow bg. This is pretty tricky and you have to use a hack for IE (of course).... I dont have the link in front of me now for the hack, but I'll post it later...
Or you can try to figure it out from my code on this sample site:
http://www.pilotdesigns.com/canongate/
http://www.pilotdesigns.com/canongate/layout.css
It's in the #container tag in the CSS and then I may have linked to something in the index.php page..

good luck