Flash content in DHTML Layer problems

Okay I've tried everything and this is my problem. I'm developing a website for a client that uses a DHTML javascript of gliding scroll layers. I have a navigation bar with a transparent background that I constructed in Flash and embedded into the same DHTML page within a layer on the top most level.

My problem is this the page works flawlessly in every browser EXCEPT Firefox for Windows?! The issue I've determined is the fact that the Flash content resides with in a layer and Firefox doesn't seem to like this.

Is there a way to make Firefox recognize the links and work or is this a known issue with Firefox?

If there isn't away to add code to beat Firefox into submission is there then a way to create a static floating Flash navbar that floats over all the DHTML content?

Thanks for any suggestions and help.

Link to the working site is here.

Give it time to load the MP3 is laarge right now I need to shrink it down.

#440894

I tried to replicate your problem and that's what I came up:

Firefox doesn't have a problem with layers. It's the iframe below your flash navbar that causes the flicker.

You could position your iframe several pixels below, so that it's not under your navbar links, but its top is covered with the torn paper. Not sure if I managed to explain it right.

Good luck!

Ken

#440930

Try setting WMODE property of Flash movie, sometimes Flash has problems with layers and overlapping/underlapping layers.

You can find more details WMODE property in Macromedia Developer pages or even in Flash's own Help files.

#440946

Hi

I tried to replicate your problem and that's what I came up:

Firefox doesn't have a problem with layers. It's the iframe below your flash navbar that causes the flicker.

You could position your iframe several pixels below, so that it's not under your navbar links, but its top is covered with the torn paper. Not sure if I managed to explain it right.

Good luck!

Ken

Thanks Ken I wouldn't mind the flicker so much if the Flash menu just worked period in FireFox. The illusion is that the content passes beneath the menu when links are clicked. (To see what I mean on how it should perform open the site in IE) Is there a way to have the Flash movie itself float over the iFrame content but remain always in view and stationary with in the left hand corner of the browser window?

Thanks for your help!

Try setting WMODE property of Flash movie, sometimes Flash has problems with layers and overlapping/underlapping layers.

You can find more details WMODE property in Macromedia Developer pages or even in Flash's own Help files.

The Flash movie is set to WMODE and is transparent so thats not the issue.

#440961

You have many nested divs and iframes. Not sure, but it seems that they're more than you would normally need.

I would start over and include in my page:

one div for the flash navbar

one iframe for the scrolling desktop (why did you divide this in 5 iframes?)

and another div for your music

Nice page btw ...and music!

(The flash movie is a little too white. You can use just a little sepia or copy the colour of the postcard)

#440971

You have many nested divs and iframes. Not sure, but it seems that they're more than you would normally need.
I would start over and include in my page:
one div for the flash navbar
one iframe for the scrolling desktop (why did you divide this in 5 iframes?)
and another div for your music
Nice page btw ...and music!
(The flash movie is a little too white. You can use just a little sepia or copy the colour of the postcard)

Okay so I restructured the HTML and got rid of most of the iFrames and the navbar is now working in Firefox. And it works in all browsers and without the flickering. Thanks Ken you where right! The iframes were the culprits.

Thanks!

#441177