Pesky gap in graphics below Flash element

[alwaysthinking]

Hello,

I am trying to figure out why Firefox is showing a gap below my Flash banner that doesnt show in IE or Chrome.

Can someone please take a look and tell me what I am doing wrong?

Thank you for any input.

http://bocage2.audiblethinking.net/

 

[bcee]

Try a valign=top in the cell where the Flash is. I haven't looked at table-based layouts in so long...

 

[alwaysthinking]

I tried that, it wasnt the problem.

I tried aligning everything to the bottom above the gap and I also tried aligning everything below the gap to the top but the gap was still there in Firefox.

I appreciate the suggestion but it is more complicated than that.

http://bocage2.audiblethinking.net/

Thanks for any suggestions...

 

[alwaysthinking]

I am still having the gap issue in Firefox. I stripped down to page to just two basic elements, the Flash element and a colored table cell below it.

Will someone please take a look and tell me what is causing this 5 pixel tall white space between the Flash and the table cell?

http://bocage2.audiblethinking.net/gap.html

Any and all suggestions will be greatly appreciated.

 

[smoovo]

Flash embedding is quite different from one browser to another, and FF adds gap for the extra code it doesn't use. You need cross browser script for that. I have checked your code with my cross browser script and it worked. Try it online and let us know how it's going.

<!--[if !IE]> -->
    <object type="application/x-shockwave-flash" data="flash_header/bocage_master.swf" width="970" height="298">
<!-- <![endif]-->
<!--[if IE]>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="970" height="298">
        <param name="movie" value="flash_header/bocage_master.swf" />
<!-->
    </object>
<!-- <![endif]-->

And by the way, your table set to 800px width while your flash to 970px...

 

[BigRed]

A couple of things I came across that might also be worth a look here and here some info on layering flash and the second link is for FF in particular. Don't know if that will fix your issue but like you say "any and all suggestions"

 

[alwaysthinking]

I had a friend help me and it turned out to be a simple align top issue that I had tried before.

This is working in all popular browsers.

http://bocage2.audiblethinking.net/

Thanks for all your suggestions.

 

[SplitElement]

For anyone that wants to know a fix to this in divs instead of tables, usually it happens b/c you don't have an exact height specified for the div in your css. Not sure about tables, I haven't used them for layouts in about 6 years.