In IE it looks great, the images around the flash are seamless and its fine. But, the same exact thing in Firefox, there is a 1-2px border around the swf! This throws off the images! Help!


http://eurotrip.eu.ohost.de/ack/test/Test2.htm

Thats what im working with.
Is this a table issue and not flash, or is Firefox messing with the swf?

ANY HELP WOULD BE MOST APPRECIATED!
Thanks
~nanascalala

This post has been edited by nanascalala: 16 Sep, 2005 - 09:40 PM

Chech your <tr>'s and <td>'s




seem's like you have an extra </tr> there.

Nope, afraid that's not it. Checked the trs and tds. Everything is there that needs to be there to center the flash, and nothing extra

So confused! Any more ideas?

In your table tag, try setting the border="0", cellspacing="0", cellpadding="0"

Weird... Thanks for the help, but it wasnt the cellpadding/spacing/bored. Already had that, however, what i did do was put all the images, and swf parameters and all those codes in one line. And poof. It worked. Weird how it uses new lines to alter the look. Makes the code very difficult to deal with to.

So, moving everything into one line fixed it! Though it works, the code is now messy.

Wonder if anyone knows why? Just weird firefox?
Thanks for the help

This post has been edited by nanascalala: 17 Sep, 2005 - 08:11 AM

<object type="application/x-shockwave-flash" data="links/head.swf" width="897" height="227">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--<![endif]-->
</object>
____________________________________________________________________
if you use two <object>same code</object> <object>same code</object>
it will come borderline.

Use only one <object>same code</object>
i have worked successfully..

You need to add this to your style sheet

object:active, div:active
{
outline: none;
}

object:focus, div:focus
{
-moz-outline-style: none;
}