I'm using 'swfobject' to embed my swf file. Now I want to have that
swf object centered horizontally in the browser window, which I
managed to do. But I also want to put a border around the swf object.
I used the css in below html code for that. In Safari (mac) it
worked , but in Firefox 3 I get only a small bottom part of the
border. Like this image:
What do I have to do to get the border completely around the swf
object using css?
This is the css I'm using:
<style type="text/css">
body {
margin:0;
text-align:center;
}
div#content {
text-align:left;
}
object#myFlashContent {
display:inline;
border: medium solid #000000;
}
</style>
And this the html part that places the swfobject:
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="720" height="576" id="myFlashContent">
<param name="movie" value="flash/baddeling.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/
baddeling.swf" width="720" height="576">
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer";> <img src="http://
www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /> </a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
</div>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SWFObject" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/swfobject?hl=en
-~----------~----~----~----~------~----~------~--~---
