Problems with centering SWF in browser

JoakimN73 · 03-19-2010, 04:20 AM

Hi!

I am having problems with centering the SWF (both horizontally and vertically). I don't know how to make the DIV to be centered. I usually use a table for this but it can't be done with this html solution.

Please help me out on how I can center the SWF in the browser... Anyone that knows how to edit the html file?

Best regards
Joakim Norlin

Code:

<!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>MBUDM - Long text module with anchor links</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
        /*<![CDATA[*/
            html, body {
                height: 100%;
                overflow: hidden;
            }
            body {
                background: #CCCCCC;
                font: 86% Arial, "Helvetica Neue", sans-serif;
                margin: 0;                
            }
            #content {
                height: 100%;
            }
        /*]]>*/
        </style>
        
        <script type="text/javascript" src="js/swfobject.js"></script>
        <script type="text/javascript" src="js/swfmacmousewheel2.js"></script>
          <script type="text/javascript">
            var flashvars = {_xml:"textmodule.xml"};
            var params = {menu:false,allowFullScreen:true,bgcolor:'#FFFFFF'};
            var attributes = { id:'fObj'}; // give an id to the flash object
            swfobject.embedSWF("textmodule.swf", "content", "100%", "100%", "9.0.0", "expressInstall.swf",flashvars,params,attributes);
            swfmacmousewheel.registerObject(attributes.id);
        </script>
    </head>
    <body>
        <div id="content">
            <p>In order to view this site you need Flash Player 9+ support and javascript enabled.</p>
            <p>
                <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>
            </p>
        </div>
    </body>
</html>