467,074 Members | 886 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,074 developers. It's quick & easy.

Drop shadow effect doesn't work right in IE

Hi all:

I've got the following example page:
http://www.arrakis.es/~paulj/test.html, where I try to simulate a drop
shadow effect in the upper and lower <DIV>s. It works perfectly in
Mozilla, but in IE 6, the image that forms the lower "drop shadow"
doesn't stick to the bottom <DIV>; instead, there's some space between
it and the <DIV>.
Can anybody shed some light on why this happens? I'm new to
stylesheets, so maybe it's some completely obvious bug that I have
just missed (the stylesheet for this page is embedded in the same HTML
page).

Paulo.

Jul 20 '05 #1
  • viewed: 3014
Share:
1 Reply
/Paulo Jan/:
I've got the following example page:
http://www.arrakis.es/~paulj/test.html, where I try to simulate a drop
shadow effect in the upper and lower <DIV>s. It works perfectly in
Mozilla, but in IE 6, the image that forms the lower "drop shadow"
doesn't stick to the bottom <DIV>; instead, there's some space between
it and the <DIV>.
Can anybody shed some light on why this happens? I'm new to
stylesheets, so maybe it's some completely obvious bug that I have
just missed (the stylesheet for this page is embedded in the same HTML
page).


Add 'line-height' declaration to the '#drop1' and '#drop2' rules:

#drop1 {
...
height: 11px;
line-height: 11px;
...
}
#drop2 {
...
height: 11px;
line-height: 11px;
...
}

--
Stanimir
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Nik Thomas | last post: by
3 posts views Thread by Pawel | last post: by
2 posts views Thread by SamSpade | last post: by
2 posts views Thread by Vedia | last post: by
2 posts views Thread by Jon Boyes | last post: by
6 posts views Thread by bravo | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.