7 Replies Latest reply on Jul 10, 2009 4:59 AM by nikos101

    I have an app that I want to be 100% in the browser

    nikos101 Level 2

      I have an app that I want to be 100% in the browser and I give

       

      <mx:Application
           width="100%" height="100%"

       

      However when I go to the browser it only expands to the width of the largest image in the App. I used firebug to see the size of the swf object in the firefox browser and its was at 100% but the visual app didn't change size.

       

      Any ideas?

       


      <!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></title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script type="text/javascript" src="../../app_functions/swfobject/swfobject.js"></script>
      <script type="text/javascript">
                  var flashvars = {};
                  var params = {};
                  params.allowfullscreen = "true";
                  params.wmode = "transparent";
                  var attributes = {};
                  attributes.id = "flexApp";
                 
                 
                  swfobject.embedSWF("debug/main.swf", "myAlternativeContent", "100%", "100%", "9.0.0", false, flashvars, params, attributes);
              </script>
      <style type="text/css">
      /*#center{
          float:left;
          text-align:center;
          margin:0px auto;
      }
      body{
      text-align:center;
      }
      */

       

      html, body, div {
        height: 100%;
        width:: 100%;
      }

       

       

       

      </style>
      </head>
      <body>

       

      <!--<TABLE WIDTH="100%" HEIGHT="100%">
      <TR><TD WIDTH="100%" HEIGHT="100%" VALIGN="middle" ALIGN="center">

       

        <div id="myAlternativeContent"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </div>

       


      </TD></TR>
      </TABLE>   -->

       

      <div>
        <div id="myAlternativeContent"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </div>

       

      </div>

       

      </body>
      </html>