Attempting to use CSS top property on a SWF file, but it's not working

Posted by ben on Stack Overflow See other posts from Stack Overflow or by ben
Published on 2010-05-24T14:08:58Z Indexed on 2010/05/24 14:11 UTC
Read the original article Hit count: 402

Filed under:
|
|
|
|

Hey guys,

I'm trying to position my Flex app so that it's further down the page, but I can't get it working. It's still appearing in the top left. Here is the HTML, any help would be greatly appreciated!

<html lang="en">
<head>
   <title>Page</title>
   <style type="text/css">
       body { margin: 0px; overflow: hidden; }
       #swf {top:50%;}
   </style>

   <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
   <script type="text/javascript">

   swfobject.embedSWF( "link_to_the_swf", "swf", "100%", "100%", "10.0.0", "playerProductInstall.swf", flashVars, params );
   </script>
</head>
<body scroll="no">

   <div id="swf">
      <p>Alternative content</p>
    </div>

</body>
</html>

© Stack Overflow or respective owner

Related posts about html

Related posts about css