Firefox / Flash Issues

Lemur posted this at 08:40 — 18th May 2007.

Joined: May 2007

Hello,

I’m having some issues with Firefox (version 2 & 1.5) & Flash.

So the story goes like so…At the top of my site I have a flash banner, above and below this banner is a small 760 x 4px graphic, sort of a border.

Looks good in IE 5, 6 & 7, Opera, and Netscape! But when viewed in firefox the is a gap, only on the bottom. I have tried a few different things to get rid of this but nothing seems to work!

I spent all day yesterday looking into it and I keep coming back to the same conclusion!!!! FLASH EMBED!!!!!!

The flash banner was and is embedded using swfobject (http://blog.deconcept.com/swfobject/) and I have also tried using UFO (http://www.bobbyvandersluis.com/ufo/) but I still get the same!!

You can view my site at http://score-group.com, any help would be much appreciate!

Thanks and Regards,
Lemur

Megan posted this at 18:42 — 22nd May 2007.

She has: 11,421 posts

Joined: Jun 1999

Have you figured this out yet?

In IE I see no gap, in Opera I see a small gap, and in Firefox a bigger gap. I'm guessing this has nothing to do with flash or the way it is embedded. It's most likely a CSS problem.

Gaps with images or embedded objects can be a problem in Firefox but the solution is simple. Just put a display: block on the embed in your CSS.

Megan
Connect with us on Facebook!

webwiz posted this at 03:20 — 24th May 2007.

He has: 629 posts

Joined: May 2007

Hi Lemur,

Try adding this rule to your CSS:

#flashcontent * { display: block; }

Seems to work in Firefox.

Cordially, David.