IE stole my shadow, please help 1

[Xaqte]

Ok, I've got a basic box layout with a shadow appearance on the sides and bottom. It looks like I want in Firefox, but in Internet Explorer... no shadows on the sides. If anyone would be kind enough to help me figure this out, I would greatly appreciate it!

The link:

http://knowmad.com/~ian/test/

Thanks again!

X

 

[grtammi]

I would try removing the padding from the #wrap div ... IE likes to screw up the box model something fierce, and having a width of 728px and adding 10px of padding ( 5 on each side, left and right ), gives you a total width ( according to IE ) of 738px, which is the size of your background image.

So, removing the padding from the wrap div, and add it to the main div, since this div is wrapped ( haha ) inside another one ... applying the padding to the inside element solves IE's screw ups without any major hacks.

HTH

Greg

"for me, the action is the juice.

 

[Xaqte]

Greg,
Thanks for the quick reply! I tried what you suggested (I think) & the shadow disappeared in Firefox:

http://knowmad.com/~ian/test2/

I left the original link alone.

Thanks in advance for any thoughts/experience!

X

 

[ChrisHunt]

I'd take a look at this line in your CSS:

background: url("../images/mytry3.gif")left bottom repeat-y;

Maybe IE is evaluating "../images/mytry3.gif" relative to the document instead of relative to the stylesheet? Try using an absolute address.

Maybe IE is displaying that image, but it's only doing so at the bottom of the element and repeating it downwards.

Maybe it is the padding at fault.

I'd do this:

background: #c3b3b6 url("/~ian/test/images/mytry3.gif") repeat-y;

If the picture still doesn't show, you should get the solid colour instead - which will tell you if it'd the padding that's at fault.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[Xaqte]

Chris,
You are right on! Thanks! I've got my shadow back!