Vertical align SwfObject 2

Discussion in 'CSS' started by rhythmizer, Oct 5, 2009.

  1. #1
    Hi!
    I am embedding a .swf file with the swfobject2 metod.
    In their tutorial at http://code.google.com/p/swfobject/wiki/faq they show how to align the swf horizontal center.
    But how can I get the swf to aligned both vertical and horizontal on the screen ,50% from top and 50% from left, independent the screen resolution?

    This code works to manage horizontal align only:




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <title>Inline element centering example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css" media="screen">
    body { margin:0; text-align:center; }
    div#content { text-align:left; }
    object#content { display:inline; }
    </style>
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    swfobject.embedSWF("test6.swf", "content", "300", "120", "9.0.0", "expressInstall.swf");
    </script>
    </head>
    <body>
    <div id="content">Alternative content</div>
    </body>
    </html>

    How can I make the swf also align vertical?



    Thanks for your reply!

    / Rhythmizer
     
    rhythmizer, Oct 5, 2009 IP
  2. nacholibre

    nacholibre Member

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #2
    Put you swf object in another div and then "style: vertical-align:top;" or makes tables (it will be easier).
     
    nacholibre, Oct 5, 2009 IP