You might want to take the jQuery issue over to Javascript forum… post the slider code and the IE error because while I can kinda sorta read Javascript I really can’t read jQuery (lk rdng txt spk) and there are a lot of jQuery junkies over there : )
Ah! Great. That means you can avoid all the complexity of Eric’s (nice) demo.
Your whatever-box who’s doing all the JS stuff can just have one box wrapping around it, with a special-made-to-fit background image and padding all around that’s equal to the thickness of the shadow.
Or, heck… you could add padding all around your current box and give it the shadow background… was there also to be a border like in Eric’s example? If so, your shadow image would simply include this border (so you’d manually draw it in). The padding will keep the stuff inside the box from covering the shadow.
If this doesn’t make sense let me know and I’ll draw a quick example with some code.
*edit let’s see, in your case your #slider box has background images… so what I would do is use #sliderwrap to hold your bg image… and instead of doing like you’re doing now, I’d make #sliderwrap also 900px wide and whatever it is high, and use margin: 0 auto to center it (or, use whatever you want for top-bottom margins instead of 0) and then, if your shadow is 10px thick, add 10px of padding to it (so, the outside of #sliderwrap will become bigger than 900px… it’ll become 920px wide).
Or you could post an image of what you want… am I right that this box is a set width or set dimensions? That makes it easier because you can just use one wrapper and one image. Multiple divs/sandbags for backgrounds are more for boxes who could grow in one or two directions, so more code but more flexible. But if the box is set, you can save a lot of code.
Sorry, I took off the styling altogether (as it was bringing up the CSS errors). I could put it back on so you can see the effect in Firefox…And yes, it’s the slideshow which I meant, sorry for the confusion. It’s basically a drop shadow around the slide show (900px x 250px).
And thanks for the blog note. Your right, it’s only readable on a high res screen and will be sorting that today.
Even when I turn Javascript on, I can’t really see what’s supposed to have a shadow. I didn’t see a slider (something with a scrollbar like at the top of apple.com/mac) but I do see a slide show.
I clicked on “blog” to see if it was a menu thing (ok it wasn’t, you must mean the big computer) where I noticed the stuff after “Simplify” are unreadable (off topic I know but figured feedback is good).
I guess if I could see how you want this shadow I could better see the best way to implement it.
Having a bit of trouble applying the drop shadow using the link. I placed the starting Divs just before the “slidewrap” div, then the closing 4 Divs in the guide after the closing slidewrap div.
Thanks Stomme poes. Is it strange that it only shows up the error in IE7 and not 8? It’s a shame because it says it is IE7 compliant. This is the only JScript I am running on this page. There is another slider running but that’s on the ‘work’ page.
also get this message on IE: There is an internet explorer script error on line 23. Is this related to the CSS errors?
This is likely a Javascript error. Unfortunate of IE that, if you are calling multiple scripts, that it does not tell you which script file has the error (if there’s a way anyone knows to see this, I’d love to know!). Since jQuery itself is written pretty cross-browser, it’s not going to be the main library you call, but it could be the slider-specific script. Or, it could be any other script.
Correcting the shadow issue shouldn’t have anything to do with the slider-not-sliding issue.
However, Explorer 8 does not display the drop shadow. IE7 does not display the drop shadow or run at all.
I ran CSS validator and it is showing 4 errors on the CSS side.
Hi,
Those errors should have given you the clue as to why your shadows don’t work in IE.
