DHTML Menu makes flash movie dissapear only in Safari

bobmillington
bobmillington used Ask the Experts™
on
I have a DHTML Menu and multiple flash objects on a site.  When the DHTML Menu is selected (which rolls over the flash movie) it makes the flash movie disappear entirely.  
This only happens in Safari (5.1.7).  It works in Firefox and IE 9.  I have read quite a bit on this topic and most suggestions refer to the wmode and changing from transparent to opaque....which has been done.

If anyone has suggestions on how I could tweak the html code, css code or any settings in flash during the publishing of the swf, it would be greatly appreciated.

I have attached a few screen shots of what the page looks like in safari and in IE.

Here is the site:  www.vmrf.org  

Here is that code:

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="299">
                <param name="movie" value="stars_final_clouds.swf" />
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="menu" value="false">
                <param name="swfversion" value="9.0.45.0" />
                <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                <param name="expressinstall" value="Scripts/expressInstall.swf" />
                <embed src="stars_final_clouds.swf" wmode="opaque" menu="false" width="320" height="299" quality="high" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer"> </embed>
              </object>


Many Thanks for any and all suggestions.

BM
Site-in-IE.png
Issue-in-Safari.png
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
Hi bobmillington,

I'm working on the issue for you, but I need the menu .gif's from your images folder, so I can test results on my local machine. The files, used in your css, that I need you to post is as follows:
#header-nav {
	background-image: url(../images/tile_header-nav1.gif);
#header-subnav {
	background-image: url(../images/tile_header-subnav1.gif);
#MainPage{
   	background-image: url(../images/backgroundflag.jpg);
#content-BG {
	background-image: url(../images/bg_sidebars.jpg);
#subnavTagline {
	background-image: url(../images/VMRF-HonoringService.png);

Open in new window

I just need the tile_header-nav1.gif, tile_header-subnav1.gif and the backgroundflag.jpg, etc. images so that I can produce that page and finish testing.

Once I'm able to duplicate the error, then I can isolate the problem, which is half of the battle in getting it resolved. Thanks.

Dewmec

Author

Commented:
Thanks so much for taking a peek at this, here are the files you were looking for.

bm
backgroundflag.jpg
bg-sidebars.jpg
tile-header-nav1.gif
tile-header-subnav1.gif

Commented:
Hi bobmillington,

Thanks. I almost have what I need to make a proper test, but it's still a little off because just need that last image for the subnav called
#subnavTagline {
	background-image: url(../images/VMRF-HonoringService.png);

Open in new window

Thanks for posting back so quickly. With any luck, we can wrap this up over the weekend. :-)

Dewmec
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

Commented:
Here is the last image....many thanks.

bm
VMRF-HonoringService.png

Commented:
Hi bobmillington,

I'm still working on your issue, I think I located some trouble areas, but I am having difficulty reproducing the error locally to do any test. The menu is not showing up at all and I believe it is because I still need a few images from you.

They are as follows:

"blank.gif",
"Button_Regular.gif",
"nav-divider.gif",
"Button_MouseOver.gif",
"arrow_28.gif"

I believe that this is all I should need, but just to be sure, it would be great if you could zip your images folder of the webpage and post it to make sure there are no other images that I am still missing.

Sorry for the delay, but I thought it was a problem with the .js files at first from the error messages I was receiving in another program. I finally looked a little deeper in the code to find the missing files above.

I will be sure to keep you posted on my progress going forward, jbut I just can't test the solution without those files. Usually if I can reproduce the error locally, I can fix the problem. Thanks.

Dewmec

Commented:
Hi bobmillington,

I'm trying hard to resolve your problem, but since I can't get the menu to work properly, it's impossible to see if the changes do anything to fix your issue.

I need to have any of the files associated with the menu, so that I can duplicate the actual error and resolution. This means anything such as the .css file, etc. for the menu. For example, I am missing the .css file that has the "id="bd_nd_hui_script_2" from your webpage.

The global.css file does not contain the necessary css, so getting the proper files is essential. Otherwise, I am dead in the water. I've tried to work without it, but it's painful, since I can't track the changes as I stated. Thanks.

Dewmec

Author

Commented:
Hi Dewmec,

I think we have been able to get our problem solved.  We have changed the publish settings in Flash to include an html file as well.  Then we took the html code and embedded it on our flash  page.  This extra html code that flash cs3 produced seem to work.


The code attached fixes this issue in Safari and Firefox, not sure why..but it does.

See below

Many Thanks for trying to help!
Commented:
Hi bobmillington,

Glad to see you were able to get this up and running again. I actually got a work around figured out yesterday to be able to use another menu to get the same error for testing purposes. I was going to use it to resolve your issue, so I appreciate you posting to let me know you were all set.

Also, it appears that the code you were attaching that fixed it didn't get posted. Could you repost that code? I'm curious to see how you resolved it. Thanks.

Dewmec

Author

Commented:
Thanks for working so hard on this!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial