Hello,

I'm working with the examples in chapter 15 (dialogs) and get them working in both IE7 and Firefox until I apply the drop shadows.

Firefox shows the drop shadow but for the life of me I can't replicate the drop shadows in IE7 or IE8.

Even when I copy / paste the sample code into a page Firefox renders it correctly while IE7 and 8 do not.

Here's a link to the site I setup with the dialog and drop shadow; https://www.auegroup.com/

You don't have to navigate anywhere once you arrive at this page. The dialog is filled with a Flash object that says "welcome" and shows some images.

If you open this link in both Firefox and IE7 you should see one with drop shadows (FF) and one without (IE).

What should I be checking for in my CSS / jQuery that's causing this to render incorrectly?

Any ideas would be great.

Many thanks in advance,

Dave Navarro

P.S. Thank you for writing such a useful book. And in color!!!

Hello,

Well, I made this simple change to one section of code and it fixed the rendering in IE7 (shadows now render as advertised).

I changed;
<!--[if IE]>
<![endif]-->

to;
<!--[if IE6]>
<![endif]-->

My only question now is; did I break something else whith this change?

Please let me know what you think and thanks,

Dave

It is [if IE 6] not [if IE6] (note the space).

http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

Hello Sam Judson,

Thank you very much for the reply. As it turned out my mistake (no space) was causing this section of script to be avoided in every case. Meaning, nothing would ever equal the value of "IE6" and so the code would never run.

It's working nicely now and thanks to the link you posted I have a lot of other filtering options I can apply.

I guess this is another example of "operator error" because the books examples clearly show this code (IE 6). My mistake started when I mixed some code with a new template I downloaded from template monster. It made use of the <!--[if IE]><![endif]--> method and I failed to see that the "6" was missing. Dang...

In any case, lesson learned. Thank you very much.

Take care,

Dave