Done! I wanted to make a total plug-in-shadow. So say I had a site already built. I wanted the ability to simply add the shadow code to it without disturbing anything or having to make any adjustments to the code I already had in place. So, you simply add this around the wrap. Total transparency - total adjusts to size - totally simple. Thanks for your help guys!
Well, the container was set at 70%, so it should of been the same distance in percent, as mine. I only have a stupid 1024 res. I hate it! It affects the look of the sites I build. When ever I see a site I built on a larger screen, It looks puney.
And yea I have the smae problem :(. Is Paul’s soluion (the one with the rounding error or w/e) still showing hte bug? I’m on a very big monitor right now so I wanna take a stab and see if I can see the thing)
Thanks Ralph. I do like the shadow, although regretably, the site is very generic. But, that’s what she wanted. Their the boss.
I didn’t end up using that code. I opted for more divs/code (based on big Johns) in favor of simplicity/plug-in-play. But I’m guessing the gap may be do to your newly large screen, 70% width container, and only a 1000px wide shadow. That thing is not a demo or anything - only a test page. Let me know though if you find a way to kill the bug without having to add another container.
Members used to be able to edit their posts but a couple of high profile members left the forums but first went back and deleted hundreds of their posts making the threads worthless.
It also allowed in spammers who would post a normal post and then re-edit the post a few weeks later with spam.
I note in this example that you are getting a nasty 1px jog in Firefox as you open and close the screen (my versions doesn’t seem to suffer from that).
I’m not seeing that 1px jog on my Firefox/3.5.5. However, all the browsers were choking pretty bad on the large shadow image I was using (3000px x 5000px). The kb was small, but the size along with the browser necessary calculations was a bad combo. I decreased the size of the image to 1500px x 3000px and that seems to keep the browsers happy. You still see it? If so, maybe it’s your internet connection…
You won’t be able to see it in a browsershot screenshot unless you can set the width of the screenshot to an odd number of pixels.
I can see the jog in XP but my laptop running vista doesn’t show it. It may just be an xp thing (or maybe a monitor setting as my main screen is 1680x1050).
Well I’m on a XP. I just went through pixel 400px - 410px, 1px at a time - and nothing. The only way I could duplicate it is to zoom my screen out 4 times. I guess that mimics a res. I guess the easy fix is just give the container a even px value then.
I should have been a detective, I would have been happier. Of course, then I would just long for other. The “grass is always greener syndrome”. We want what we don’t have - we have what we don’t want.
![Here is a screenshot from my screen at full screen width (the same result at different widths). [URL=“http://browsershots.org/http://www.visibilityinherit.com/code/four-sided-plug-n-play-shadow-demo.php”]And here is browsershots screenshots](http://www.visibilityinherit.com/projects/see.jpg){kind=link}