(I cross-posted this in the CSS section too...)
Hello all, thanks in advance...
What I've got is a site that I've embedded flash into. It sits in a single div classed 'gallery'. 'Gallery' has 2 CSS properties applied to it: margin-left and margin-bottom (forgive the rats nest in there, I haven't cleaned up my CSS files as of yet), so the applicable code in the CSS looks like this:
.gallery {
margin-bottom: 14px;
margin-left: 31px;
}
The flash code in the page itself looks like this:
<div class="gallery">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="518" height="139" title="Index gallery">
<param name="movie" value="slideshow/viewer.swf" />
<param name="quality" value="high" />
<embed src="slideshow/viewer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="518" height="139"></embed>
</object>
<script type="text/javascript" src="js/ie-flashfix.js"></script>
</div> <!-- / gallery -->
Pretty standard (and non-validating - something I intend to change later).
The problem occurs only in IE6/Win (*gasp! NO!) with the right column. As you can see here:
http://dev21.bold-ibs.com/ in IE the right column overflows underneath the footer at the bottom of the page. Obviously, a problem I need to fix. As near as I can tell, I have narrowed it down to the flash object itself because replacing the flash with text corrects the problem. (Neither does removing the fix script.) All other browsers appear fine. I thought this was some sort of guillotine bug, but to have it narrowed down the presence of a flash object has me thinking that it's not.
If anyone had suggestions it would be much appreciated.
Regards,
Silo