3 Replies Latest reply on Mar 7, 2011 4:51 PM by robdillon

    No Scroll Bars

    MYAE2

      I have created a flash website and publish it to html for display in web browser. I edit the html in Dreamweaver CS5. The website is here: http://sunsetpicturesllc.com/. How do I get the pages to scroll when the browser is restore down ( minimised?)? Whenever the window resizes the pages are cut off and no scroll bar appears like in this site http://www.dreamworksanimation.com/.

        • 1. Re: No Scroll Bars
          robdillon Most Valuable Participant

          If you look at the source for that Dreamworks site, you'll see that they are using swfobject.js and swffit.js to set up and control the look of the flash file and the page. You can get more information on swfobject.js here: http://code.google.com/p/swfobject/ and swffit.js here: http://swffit.millermedeiros.com/

          1 person found this helpful
          • 2. Re: No Scroll Bars
            MYAE2 Level 1

            Thanks Rob. I followed your suggestion and the page now has the scroll bar. However, I cannot get the page to center. Whenever I try to center it there is a large blank space to the left of the flash movie in Firefox, and the flash movie stays top left in Internet Explorer. I am using swffit v2.4 beta (2010/01/18). Any suggestions?

             

            Thanks.

             

            <----------------------------------- MY CODES ------------------------------->

            <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="swffit.js"></script>
                    <script type="text/javascript">

            var swfVersionStr = "10.1.52";
                        <!-- xiSwfUrlStr can be used to define an express installer SWF. -->
                        var xiSwfUrlStr = "";
                        var flashvars = {};
                        var params = {};
                        params.quality = "best";
                        params.bgcolor = "#000000";
                        params.play = "true";
                        params.loop = "false";
                        params.wmode = "window";
                        params.scale = "showall";
                        params.menu = "true";
                        params.devicefont = "false";
                        params.salign = "";
                        params.allowscriptaccess = "sameDomain";
                        var attributes = {};
                        attributes.id = "index";
                        attributes.name = "index";
                        attributes.align = "middle";
                        swfobject.createCSS("html", "height:100%; background-color: #000000;");
                        swfobject.createCSS("body", "margin:0; padding:0; overflow:hidden; height:100%;");
                        swfobject.embedSWF(
                            "index.swf", "flashContent",
                            "776", "610",
                            swfVersionStr, xiSwfUrlStr,
                            flashvars, params, attributes);
                            swffit.fit("flashContent",776,610);

            </script>

             

            <body>

             


                <table class="center" width="776px" height="610px" "border="0" cellspacing="0" cellpadding="0">
            <tr>
            <td align="center" valign="top">
              <div id="flashContent">
                        <a href="http://www.adobe.com/go/getflash" target="_blank">
                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                   </a>
                     <p>This page requires <a href="http://www.adobe.com/go/getflash target="_blank"">Flash Player version 10.1.52 or higher</a> to allow javascript to see the content of this site. </p>
                     </div>
                  
                    </td>
            </tr>
            </table>

            </body>

             

            alternatively I use <div align=center></div>

            • 3. Re: No Scroll Bars
              robdillon Most Valuable Participant

              I don't use swffit.js. I just looked at the site that I listed above. There are seven arguments that you can set for the fit() function. Maybe if you set a maximum height and width, then you can use the horizontal and vertical centering. Down toward the bottom of the page there are some sample pages that show off the options, maybe one of those will help.

              1 person found this helpful