Good afternoon,
Just hoping that one of you beautiful persons can help...
I'm building a web page using HTML and CSS and all is going great in IE7, Firefox on the other hand...
I'm getting a space of about 3px under a flash navigator as you may see in the attached file, you can also find the image here: Bloody Firefox!!
The top white area is the margin around the main table. The next part down is the banner for their logo. The red and silver triangles are buttons in the navigation systems (flash).
It's the part below the flash navigator that is the problem - there's about 3 or 4 px of white space which I don't want. After this there is an image.
My html for this section is as follows:
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/temp/banner.gif"/></td>
</tr>
<tr>
<td colspan="3"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="605" height="31" title="Flashpoint Fire Service">
<param name="movie" value="images/nav.swf" />
<param name="quality" value="high" />
<embed src="images/nav.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="605" height="31"></embed>
</object></td>
</tr>
<tr>
<td><span class="pic"><img src="images/temp/left-banner-big-flames-and-firefighters-thumb47456.jpg" width="172" height="124" /></span></td>
<td> </td>
<td><span class="pic2"><img src="images/temp/main-banner.jpg" width="822" height="124" /></span></td>
</tr>
</table>
I tried not using CSS to see if there was a conflict but the problem is still there. Things look fine in Dreamweaver (though I know this isn't always good to judge by), it's just Firefox that is having an issue.
Any assistance would be greatly appreciated,
Thankyou for reading.
Scrawn Dog