Forum Moderators: open

Message Too Old, No Replies

Included Flash leaves bottom gap with Mo/NS7

Included Flash leaves bottom gap with Mo/NS7

         

USMerch

2:47 am on Jul 16, 2003 (gmt 0)

10+ Year Member



Basically, I have several sites with included flash headers in a table, and in Mozilla and NS7 some of these flash headers pose a problem because they are done with navigation 'tabs' at the bottom of the flash which are supposed to blend into the table (sometimes in a <div> depending on app generating the page) below.

They leave no gap in IE, but no matter whatever I try to add to force them together in Mo/NS7 they always leave a nasty gap....

example of code..

<BODY marginheight="0" marginwidth="0" style="background-color: rgb(255, 255, 255);">
<TABLE border="0" width="100%" cellspacing="0" cellpadding="0">
<TBODY>
<TR bgcolor="#000099">
<TD class="headerNavigation" align="right">PHONE NUMBER &nbsp; &nbsp; &nbsp;
</TD>
</TR>
<TR height="80px" valign="bottom">
<TD align="center" valign="bottom">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="700" height="80">
<PARAM name="movie" value="http://blah.com/header.swf">
<PARAM name="quality" value="high">
<EMBED src="header.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="700" height="80">
</OBJECT>
</TD>
</TR>
</TBODY>
</TABLE>
<div align="center">
<table border="0" width="100%" height="5" cellspacing="0" cellpadding="0" bgcolor="#006699">
<tbody><tr>
<td width="65%" align="left">&nbsp;&nbsp;&nbsp;<a href="http://blah.com/default.php"><font color="#ffffff" face="Arial" size="1">Services Catalog</font></a> </td>
<td align="right" class="headerNavigation">
<a href="http://blah.com/account.php"><font color="#ffffff" face="Arial" size="1">My Account</font></a> &nbsp;¦&nbsp;
<a href="http://blah.com/shopping_cart.php"><font color="#ffffff" face="Arial" size="1">Cart Contents</font></a> &nbsp;¦&nbsp;
<a href="http://blah.com/checkout_payment.php"><font color="#ffffff" face="Arial" size="1">Checkout</font></a> &nbsp;&nbsp;
</td>
</tr></tbody>
</table>
</div>

The header is pulled into any one of several different apps depending on whether it is CMS/eCom/forum/etc. and the <div> may or may not be part of it depending on app...

any ideas on how to close up the gap?

tedster

3:21 am on Jul 16, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Is NN7 adding default padding or margin to the object element? Worth a quick experiment.

Also, what DTD are you using?

USMerch

4:41 am on Jul 16, 2003 (gmt 0)

10+ Year Member



No idea what NS and Mo are doing to it..

4.01 Trans (not by choice, just the most common amongst the various php apps I am using, can't really go through and rewrite 50,000 lines across 4 different apps to validate for Strict.. most don't even validate 100% Trans, but are close.. things like missing alts for tables are rampant...)

I can say that the problem only shows up with flash... versions of the header in html with <TD> tabs end up flush with either.... one of a litany of reasons why I generally don't use flash, but, my header is on the light side of 15k with just enough elements to show off a little skill without swamping dialup users, and given my market, I need a little flash to help make the sale these days..

tedster

5:55 am on Jul 16, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I can say that the problem only shows up with flash

OK - so the <object> element becomes more suspicious. Try adding this attribute to the <object> tag:

style="margin:0;padding:0;"

If that doesn't do it, you might also add display:block; to the style attribute

USMerch

6:34 am on Jul 16, 2003 (gmt 0)

10+ Year Member



danke,

style="display:block;" nailed it down where it should have been...