title: Browser displaying application as too large, Flex Flash
body: <p>I am building a website with flash builder. 
  I built a gallery with thumbnails that scroll horizontally along the bottom, and when selected show a title and fullsize image. </p>
  
  <p>The problem I am having is that it works and looks great on my computer, in all resolutions and FF, IE and Chrome - however, on my friend's computer, the entire application is too big for his browser, so all he sees is the title, image and the very top of the horizontal scrollbar. </p>
  
  <p>How do I decrease the size of display on his computer, and how do I determine what is causing the misfit? The application width and height are both set to 100%, so I really don't know why this is happening.</p>
  
  <p>Thank you for any help and advice!</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Is there maybe a way to test the size of the screen that it will be displayed on and adjust the application height/width accordingly? I am more accustomed to Flex for mobile, not browser...</p>
  
  <p>Interestingly, when I made application height ="80%", it made the problem even worse on his computers... which is counterintuitive because it should have made the application smaller and more able to fit his screen - would a screen shot help?</p>
  
  <p><strong>NEWEST EDIT</strong></p>
  
  <p>Alright - on his computers, it appears the application is being resized to the size of his moniter and not to the area available within his browser (moniter space minus toolbars), but with MY Computers it is adjusting automatically if I resize the browser ---> How can I correct this?</p>
  
  <p><strong>HTML EMBED CODE:</strong></p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  </code></pre>
  
  <p>
   
      
  
  <pre><code>This application was built using Adobe Flex, an open source framework
  for building rich Internet applications that get delivered via the
  Flash Player or to desktops via Adobe AIR. 
  
  Learn more about Flex at http://flex.org 
  // --&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="google" value="notranslate" /&gt;         
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
           the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
           the percentage of the height of its parent container, which has to be set explicitly.  Fix for
           Firefox 3.6 focus border issues.  Initially, don't display flashContent div so it won't show 
           if JavaScript disabled.
      --&gt;
      &lt;style type="text/css" media="screen"&gt; 
          html, body  { height:100%; }
          body { margin:0; padding:0; overflow:auto; text-align:center; 
                 background-color: #000000; }   
          object:focus { outline:none; }
          #flashContent { display:none; }
      &lt;/style&gt;
  
      &lt;!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens --&gt;
      &lt;!-- BEGIN Browser History required section --&gt;
      &lt;link rel="stylesheet" type="text/css" href="history/history.css" /&gt;
      &lt;script type="text/javascript" src="history/history.js"&gt;&lt;/script&gt;
      &lt;!-- END Browser History required section --&gt;  
  
      &lt;script type="text/javascript" src="swfobject.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
          var swfVersionStr = "11.1.0";
          // To use express install, set to playerProductInstall.swf, otherwise the empty string. 
          var xiSwfUrlStr = "playerProductInstall.swf";
          var flashvars = {};
          var params = {};
          params.quality = "high";
          params.bgcolor = "#000000";
          params.allowscriptaccess = "sameDomain";
          params.allowfullscreen = "true";
          var attributes = {};
          attributes.id = "PhotoGallery";
          attributes.name = "PhotoGallery";
          attributes.align = "middle";
          swfobject.embedSWF(
              "PhotoGallery.swf", "flashContent", 
              "100%", "100%", 
              swfVersionStr, xiSwfUrlStr, 
              flashvars, params, attributes);
          // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
          swfobject.createCSS("#flashContent", "display:block;text-align:left;");
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
           JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
           when JavaScript is disabled.
      --&gt;
      &lt;div id="flashContent"&gt;
          &lt;p&gt;
              To view this page ensure that Adobe Flash Player version 
              11.1.0 or greater is installed. 
          &lt;/p&gt;
          &lt;script type="text/javascript"&gt; 
              var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
              document.write("&lt;a href='http://www.adobe.com/go/getflashplayer'&gt;&lt;img src='" 
                              + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /&gt;&lt;/a&gt;" ); 
          &lt;/script&gt; 
      &lt;/div&gt;
  
      &lt;noscript&gt;
          &lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="PhotoGallery"&gt;
              &lt;param name="movie" value="PhotoGallery.swf" /&gt;
              &lt;param name="quality" value="high" /&gt;
              &lt;param name="bgcolor" value="#000000" /&gt;
              &lt;param name="allowScriptAccess" value="sameDomain" /&gt;
              &lt;param name="allowFullScreen" value="true" /&gt;
              &lt;!--[if !IE]&gt;--&gt;
              &lt;object type="application/x-shockwave-flash" data="PhotoGallery.swf" width="100%" height="100%"&gt;
                  &lt;param name="quality" value="high" /&gt;
                  &lt;param name="bgcolor" value="#000000" /&gt;
                  &lt;param name="allowScriptAccess" value="sameDomain" /&gt;
                  &lt;param name="allowFullScreen" value="true" /&gt;
              &lt;!--&lt;![endif]--&gt;
              &lt;!--[if gte IE 6]&gt;--&gt;
                  &lt;p&gt; 
                      Either scripts and active content are not permitted to run or Adobe Flash Player version
                      11.1.0 or greater is not installed.
                  &lt;/p&gt;
              &lt;!--&lt;![endif]--&gt;
                  &lt;a href="http://www.adobe.com/go/getflashplayer"&gt;
                      &lt;img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /&gt;
                  &lt;/a&gt;
              &lt;!--[if !IE]&gt;--&gt;
              &lt;/object&gt;
              &lt;!--&lt;![endif]--&gt;
          &lt;/object&gt;
      &lt;/noscript&gt;     
  </code></pre>
  
  <p>
  </p>
  
  <p>*<em>Latest Edit - march 27 *</em></p>
  
  <p>I haven't found the cause of this problem yet, and if/when I do I'll update this post. In the meantime, it seems the best solution is using code to automatically adjust to the monitor/screen space - davidethell provided a good example of such code. </p>
  
  <p>Thanks to all for the help!</p>