When I had just a static image for the main picture on this page, it looked fine, but now that I've changed it to flash, the table is leaving a gap at the bottom: http://www.prioritydev.com/site_rem/

It looks fine in IE, but in Firefox, the white gap is still there. There is nothing in the code that is telling the space to be there, and I've been racking my brains trying to figure it out. I've tried to valign my table up and down to mash things together, but no luck.

Any advice?

Thanks.

Did you get this worked out? It's looking the same to me in both IE and Firefox. Nice site by the way.

Hmm. That's very strange that you don't see it on your end. Anyone else NOT seeing the small white space between the flash header and the main body text in FF?

http://www.prioritydev.com/site_rem/

Youre right, it is off in FF... Can You post your codes here?

Here's the part I'm concerned with:

<!-- flash -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><div style="margin-top:6px ">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...rsion=7,0,19,0" width="802" height="313">
<param name="movie" value="/mv_header2.swf" />
<param name="quality" value="high" />
<embed src="/mv_header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="802" height="313"></embed>
</object>
</div>
</td>
</tr>
</table>

<!-- end flash -- there is a space here and there shouldn't be one -->

<table align="center" width="800" height="325" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="/images/bg_left2.gif" width="1" height="100%" rowspan="3" valign="top"><img src="/images/bg_left2.gif" width="1" height="18"></td>
<td bgcolor="#FFFFFF" width="168" rowspan="3" valign="top" align="left">

<div style=" margin-left:10px; margin-top:10px; margin-right:10px; line-height:13px " class="b">
<div class="blue4" style="margin-left:10px; margin-top:20px; margin-right:10px;" align="center">CASE STUDY</div>
<br />
<center><img src="/images/maritz02.gif" valign="top"></center>
<br />
<div class="blue2" style="margin-left:10px; margin-top:20px; margin-right:10px;" align="center">MARITZ OFFICE BUILDING</div>
<br />
<br />



thanks

Sorry I looked a little closer and do see it. I think the gap is in the object tag. I see it's set to a height of 313px, but I have a hunch the Flash only needs to be 311 or 310. It looked like the space was included in the object tag though and not a space between the object and what's below.

If that's not it try adding some css to your tables so the table below the space has margin-top:0 and the table above the space has margin-bottom:0. The tables may just have some space between them by default.

I fixed it!

Of course it was something stupid: I just defined the main table with height and width:


original:

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><div style="margin-top:6px ">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...rsion=7,0,19,0" width="802" height="313">......................


fixed:

<table width="802" height="313" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><div style="margin-top:6px ">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...rsion=7,0,19,0" width="802" height="313">......................


Thanks for all the input guys!