Topic: CSS Problem with IE

Yet again I run into an issue with IE not displaying something correctly and I am unable to troubleshoot it as I'm using a macbook pro. I've used Safari in developer mode and it looks fine but I have a client that's a little irritated by a menu not displaying on his pc with IE.

http://www.wayoutwestmultimedia.com/clients/rtdki/index.php

I'm thinking this is a CSS issue that is causing the menu to fall behind the main animation. I'm stuck and a little annoyed. Any help would be majorly appreciated.

Thanks

same problem here btw: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.12) Gecko/20100911 Iceweasel/3.5.12 (like Firefox/3.5.12)

And I see the same under Opera 10.63 (linux, but I don't think it matters).

How are your z-indices set up?

Simply set the wmode of your Flash thingy to transparent.

In the script tag:

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','935','height','277','wmode','transparent','title','DKI Restotech Feature Banner','src','feature2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','feature2' );

In the noscript tag:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="935" height="277" title="DKI Restotech Feature Banner">
<param name="movie" value="feature2.swf" />
<param name="wmode" value="transparent"> </param>
<param name="quality" value="high" />
<embed src="feature2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="935" height="277"></embed>
</object>


Voila. Problem solved.




(Edited by poi on 10-19-2010 13:29)

Thanks for that... though now anything below the "feature element" doesn't display. I will try and google the "wmode value" to get more insight... any thoughts?

Hum ....yes. You forgot to close the <param name="wmode" value="transparent" /> tag AND the <noscript> tag.

*cough*

ok Im officially retarded.... where exactly do I close the <noscript> tag? before the <param name="> or after the </object> at the end?
Ok, I think I got it....

I owe you beer! (or a starbucks) :-)

(Edited by Radical Rob on 10-20-2010 23:57)

Seems you got it right. It looks fine now.

Using code from Adobe was your first mistake.

<object 
    data="Flash.swf" 
    type="application/x-shockwave-flash" 
    width="400" 
    height="300">
    <param 
        name="wmode" 
        value="transparent" />
    <param 
        name="movie" 
        value="Flash.swf" />
</object>

No JS required, no noscript required.