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

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>

If you want the myApp.swf to be the full browser window, you want the object and embed tags to have height=100% width=100%.  The only tags inside the body tag.
These are set in the
AC_FL_RunContent(
If you're using that.
I don't know what you guys are getting for a default template but this works in all browsers for me.  You can go this page and stretch it every which way.  Read the page source and use it.
http://meshgraphics.com/flexes/myApp/bin-debug/myApp.html

Similar Messages

Maybe you are looking for