Log in

View Full Version : Applying margins to <object> tags to work for Firefox


_yo_wasup_
10-04-2009, 09:00 PM
This isn't cool. The padding works for IE on <object> tags, but not Firefox... If no one can tell me a way to apply padding to the left side of this Flash mini slideshow in Firefox, I would appreciate some other advice that would do the same effect. I need it to look relatively the same in both browsers. This is what I got so far:

http://matt.mw/ffm4/about.html

Embed code:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','307','height','295','align','right','src','../images/grain','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','../images/grain' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="307" height="295" align="right">
<param name="movie" value="../images/grain.swf" />
<param name="quality" value="high" />
<param name="WMODE" value="transparent" />
<embed src="../images/grain.swf" width="307" height="295" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object></noscript>


CSS that only applies to IE, but I want it to apply to Firefox as well:

object {
float:right;
margin:0em 0em 0em .9em;
display:block;
}
bluewalrus
10-04-2009, 11:40 PM
<embed height="295" width="307" style="float:right; margin-left:50px; type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="../images/grain.swf"/>

I think that'll do what you want adjust the padding. I don't have IE so can't see how it looks there.
_yo_wasup_
10-05-2009, 09:39 AM
<embed height="295" width="307" style="float:right; margin-left:50px; type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="../images/grain.swf"/>

I think that'll do what you want adjust the padding. I don't have IE so can't see how it looks there.

That is just an inline style, (and just for kicks and giggles), I tried it. Nothing is different, I don't know why you think it would be either. I also tried taking away the original object tag css, which you didn't specify for me to do, and had no success with your code.
simcomedia
10-06-2009, 12:20 AM
Try wrapping the <object> in a <div> that has the margins and spacing you want.
bluewalrus
10-06-2009, 01:01 AM
Just to clarify it does do something if you did it correctly. Just for kicks and giggles I made a video to show you. It's only an inline style if you put it inline you can put it where ever you want it was for demonstration and the simplest way. If it's doesn't work in IE I can't affect that. Study :20 - :39 seconds before stating it does nothing http://www.screentoaster.com/watch/stV0xdQ0VLQF1YSV1ZWFJQ/does_nothing