Skip navigation
Currently Being Moderated

Scrollbar missing. Help me bring it back please (swf inside HTML)

Mar 2, 2012 7:02 PM

I published a swf file with the html wrapper.

 

Flash publish settings were-

 

Size - %

Height- 100%

Width 100%

Scale- No scale

HTML alignment- Default

Flash horizontal alignment- Center

Flash vertical alignment- Center

 

All good but there are no scroll bars on the browser when I make the browser window smaller? Search took me to this thread-

 

http://forums.adobe.com/message/3557607

 

The solution there is "find the parameter in your CSS that states "overflow: auto" or "overflow: hidden" and change it to "overflow: scroll"

 

I did that and now I see a white scroll track in the browser but no actual scroll bar wehn I resize the window? LOL What do you think is going on? How do I solve this problem? I am a NOOB!

 

Thanks

 

 

 

This is theFlash generated 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>TEST</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <style type="text/css" media="screen">

        html, body { height:100%; background-color: #333333;}

        body {

    margin:0;

    padding:0;

    overflow:scroll;

}

        #flashContent { width:100%; height:100%; }

        </style>

    </head>

    <body>

        <div id="flashContent">

            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="TEST" align="middle">

                <param name="movie" value="TEST.swf" />

                <param name="quality" value="best" />

                <param name="bgcolor" value="#333333" />

                <param name="play" value="true" />

                <param name="loop" value="true" />

                <param name="wmode" value="window" />

                <param name="scale" value="noscale" />

                <param name="menu" value="false" />

                <param name="devicefont" value="false" />

                <param name="salign" value="" />

                <param name="allowScriptAccess" value="sameDomain" />

                <!--[if !IE]>-->

                <object type="application/x-shockwave-flash" data="TEST.swf" width="100%" height="100%">

                    <param name="movie" value="TEST.swf" />

                    <param name="quality" value="best" />

                    <param name="bgcolor" value="#333333" />

                    <param name="play" value="true" />

                    <param name="loop" value="true" />

                    <param name="wmode" value="window" />

                    <param name="scale" value="noscale" />

                    <param name="menu" value="false" />

                    <param name="devicefont" value="false" />

                    <param name="salign" value="" />

                    <param name="allowScriptAccess" value="sameDomain" />

                <!--<![endif]-->

                    <a href="http://www.adobe.com/go/getflash">

                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" />

                    </a>

                <!--[if !IE]>-->

                </object>

                <!--<![endif]-->

            </object>

        </div>

    </body>

</html>

 
Replies
  • Currently Being Moderated
    Mar 2, 2012 9:09 PM   in reply to myungkc

    Try

    <style>

    * { margin:0; padding:0; }

    html { overflow-y: scroll; }

    body { zoom: 1; }

    </style>

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 2, 2012 9:41 PM   in reply to myungkc

    Replace

            <style type="text/css" media="screen">

            html, body { height:100%; background-color: #333333;}

            body { margin:0; padding:0; overflow:hidden; }

            #flashContent { width:100%; height:100%; }

            </style>

    with the code that I gave you.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 2, 2012 10:17 PM   in reply to myungkc

    Please upload the site to temporary location and supply the link.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 3, 2012 4:57 AM   in reply to myungkc

    In your own version, when I add a margin to the flashContent div, the scrollbars do show. I am not familiar with flash objects (I dislike them); but I do believe that having the 100% dimensioning is a factor.

     

    Maybe someone else will be able to help you, otherwise Google the subject.

     

    With apologies,

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 3, 2012 8:17 AM   in reply to myungkc

    There are a number of ways to do this... here is one... scroll bars when needed, centered in viewers window:

    <!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>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="screen">
    body {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    }
    #main_container{
    width:950px;
    height:768px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #aaaaaa;
    }

    #flashContent {
      width:950xp;
      height:768px;
      background-color:#0099FF;
    }
    </style>
    </head>
    <body>

      <div id="main_container">
     
       <div id="flashContent">
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="950" height="768" id="test" align="middle">
         <param name="movie" value="test.swf" />
         <param name="quality" value="best" />
         <param name="bgcolor" value="#333333" />
         <param name="play" value="true" />
         <param name="loop" value="true" />
         <param name="wmode" value="window" />
         <param name="scale" value="noscale" />
         <param name="menu" value="true" />
         <param name="devicefont" value="false" />
         <param name="salign" value="" />
         <param name="allowScriptAccess" value="sameDomain" />
         <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="test.swf" width="950" height="768">
          <param name="movie" value="test.swf" />
          <param name="quality" value="best" />
          <param name="bgcolor" value="#333333" />
          <param name="play" value="true" />
          <param name="loop" value="true" />
          <param name="wmode" value="window" />
          <param name="scale" value="noscale" />
          <param name="menu" value="true" />
          <param name="devicefont" value="false" />
          <param name="salign" value="" />
          <param name="allowScriptAccess" value="sameDomain" />
         <!--<![endif]-->
          <a href="http://www.adobe.com/go/getflash">
           <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" />
          </a>
         <!--[if !IE]>-->
         </object>
         <!--<![endif]-->
        </object>
    <!-- close flashContent -->   
       </div>
    <!-- close main_container --> 
      </div>
    </body>
    </html>

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 3, 2012 10:44 AM   in reply to myungkc

    I'm no great fan of Web sites that center that way... seems like such a waste of space on my desk top. I want as much open area as possible for other things I'm doing.

    But anyway, if you insist.... here's one way..

    Add this class to the CSS:

    .center_me{

    width:950px;

    height:768px;

    position:absolute;

    left:50%;

    top:50%;

    margin:-384px 0 0 -475px;

    }

    Then call the class here:

    <div id="flashContent" class="center_me">

    Give that a try.

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 3, 2012 11:55 AM   in reply to myungkc

    Try this:

    <!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>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="screen">
    body {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    }
    #main_container{
    width:950px;
    height:768px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    }

    #flashContent {
      width:950xp;
      height:768px;
      background-color:#0099FF;
    }
    .center_me{
    width:950px;
    height:768px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-384px 0 0 -475px;
    }
    </style>
    </head>
    <body>

      <div id="main_container">
     
       <div id="flashContent" class="center_me">
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="950" height="768" id="test" align="middle">
         <param name="movie" value="test.swf" />
         <param name="quality" value="best" />
         <param name="bgcolor" value="#333333" />
         <param name="play" value="true" />
         <param name="loop" value="true" />
         <param name="wmode" value="window" />
         <param name="scale" value="noscale" />
         <param name="menu" value="true" />
         <param name="devicefont" value="false" />
         <param name="salign" value="" />
         <param name="allowScriptAccess" value="sameDomain" />
         <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="test.swf" width="950" height="768">
          <param name="movie" value="test.swf" />
          <param name="quality" value="best" />
          <param name="bgcolor" value="#333333" />
          <param name="play" value="true" />
          <param name="loop" value="true" />
          <param name="wmode" value="window" />
          <param name="scale" value="noscale" />
          <param name="menu" value="true" />
          <param name="devicefont" value="false" />
          <param name="salign" value="" />
          <param name="allowScriptAccess" value="sameDomain" />
         <!--<![endif]-->
          <a href="http://www.adobe.com/go/getflash">
           <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" />
          </a>
         <!--[if !IE]>-->
         </object>
         <!--<![endif]-->
        </object>
    <!-- close flashContent -->   
       </div>
    <!-- close main_container --> 
      </div>
    </body>
    </html>

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 3, 2012 12:51 PM   in reply to myungkc

    You are most welcome... glad it worked out for you.!

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2012 5:33 PM   in reply to adninjastrator

    I am back with my own account this time :-)

     

    The above code does not fully work :-(

    I only noitced when I was about to make my website live :-( It does everything I want but the scroll bar gets maxed out before showing top left and bottom left corners of the  SWF

     

    Check the page to see what I mean.- http://test90000.x10.mx/no.html

     

    Notice how the scroll bars are maxed out and stops you from seeing left side of the swf :-( I can't scroll more to the top or to the left.

     

    http://test90000.x10.mx/no1.png

     

    Full SWF-

     

    http://test90000.x10.mx/no2.png

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2012 5:59 PM   in reply to Me_Again2

    Works perfectly fine in IE, FF, Chrome, and Safari on my machine... except that you are using two different .swf files for testing:

    In the first <object>

    <param name="movie" value="test.swf" />

    so this is the .swf displayed in IE and Safari

    while the second <object>, used by FF and Chrome is

    data="no.swf

    But all my browsers show full scroll bars only if and when needed.

    Maybe you are looking at old, cached version?

    Adninjastrator

     

    Update...

     

    OK wait a minute... now I see what you are saying ... if the window is made way too small... there is a problem.

    The issue is the attempt to center vertical and using absolute positioning.... I KNEW there was another reason I don't like web sites that center that way.... I just see no need for it.

    Center horizontal only I say!! ... then this would not be a problem

    Your next step is to use javascript to continually read the window dimensions and readjust from there...

    Sorry, but I'm just not into that... If you want to start a new thread I won't feel insulted.

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2012 6:44 PM   in reply to adninjastrator

    Thanks for replying. Last 20 minutes I have been trying to see if I was going crazy. Then to top it off I lost my just created account details.  This time I have written it down. Jeez I am getting old!

     

    The only reason I was trying to have it centred vertically is because visually to me it looks better, depending on the website design.

    I managed to find one Flash site  that centres well verticall and horizontally- http://www.nexttonicx.net/

     

    I looked at the html file but the code is above my level of understanding.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2012 7:23 PM   in reply to me_again_noob

    And what exactly do you find confusing about using Flash vars like.

    var sFlashVars = "app=apu3.wixpress.com&partner_id=WMGs4POB1ko-a&gu_id=6703850d-2212-4a 21-ad07-0fc3b6bc17c8&newLogin=true&editor_app_srv_subdomain=editor&app _server_ver=2&show_wix_logo=23&docHeader=%3Cwix-document-details-resul t+errorCode%3D%220%22+errorDescription%3D%22OK%22+%3E%3Cenv%3E%3Cstati c_server%3Ehttp%3A%2F%2Fstatic.wix.com%3C%2Fstatic_server%3E%0A%3Cbi_s erver%3Ehttp%3A%2F%2Ffrog.wix.com%3C%2Fbi_server%3E%0A%3Cmonitoring%3E http%3A%2F%2FTODO%3C%2Fmonitoring%3E%0A%3C%2Fenv%3E%0A%3CwixDocument+d ocument_id%3D%2211009510%22+creator_id%3D%223765420%22+name%3D%22nextt onicx%22+is_template%3D%220%22+icon_file_name%3D%2294d7a7_75d2cb5faad5 79218ec8ef8ffb4a2d44.wix_doc_ico%22+width%3D%221024%22+height%3D%22768 %22+doc_format%3D%22webSite%22+pflags%3D%2223%22+cflag%3D%221%22+creat orName%3D%22nexttonicx%22%3E%3Cbackground_color%3E%3C%21%5BCDATA%5B%23 ffffff%5D%5D%3E%3C%2Fbackground_color%3E%3Cdescription%3E%3C%21%5BCDAT A%5Bnext+to+nicx+makes+letterpress+bespoke+stationery+on+a+refurbished +Adana+hand+press+in+Lausanne%2C+Switzerland.+Greeting+cards%2C+invita tions%2C+business+cards%2C+bespoke+letterhead.+Polymer+platemaking.%5D %5D%3E%3C%2Fdescription%3E%3Cdoc_title%3E%3C%21%5BCDATA%5Bnext+to+nicx +by+Nicola+Pravato%5D%5D%3E%3C%2Fdoc_title%3E%3Cpages_list+ver%3D%222% 22+auto_size%3D%22trueSize%22%3E%3Cpage+id%3D%22GUhZv_%3Bif94-a%22+pag e_id%3D%22c0328046-5bd4-884f-e510-e99d36e66e6b%22+keywords%3D%22next+t o+nicx%2Cletterpress%2Cadana%2Cstationery%2Cinvitations%2Cletterhead%2 Cplatemaking%2Cpolymer%2Cbusiness+cards%22+title%3D%22Main+Website%22+ name%3D%22Main+Website%22+number%3D%220%22+client_id%3D%221%22+wmode%3 D%22opaque%22+icon_file_name%3D%2294d7a7_75d2cb5faad579218ec8ef8ffb4a2 d44.wix_doc_ico%22+xml_file%3D%2294d7a7_f5db731026a1141ffae65aab8d5ed9 be.xml%22+description%3D%22next+to+nicx+makes+letterpress+bespoke+stat ionery+on+a+refurbished+Adana+hand+press+in+Lausanne%2C+Switzerland.+G reeting+cards%2C+invitations%2C+business+cards%2C+bespoke+letterhead.+ Polymer+platemaking.%22%2F%3E%3Cpage+id%3D%22GUhZv_%3Bif94-a%22+page_i d%3D%223e7b1d0f-372a-3086-577f-c64801ba0a09%22+keywords%3D%22next+to+n icx%2Cletterpress%2Cadana%2Cstationery%2Cinvitations%2Cletterhead%2Cpl atemaking%2Cpolymer%2Cbusiness+cards%22+title%3D%22Front+page%22+name% 3D%22Front+page%22+number%3D%221%22+client_id%3D%222%22+wmode%3D%22win dow%22+icon_file_name%3D%2294d7a7u83e7b1d0f-372a-3086-577f-c64801ba0a0 9.wix_doc_ico%22+xml_file%3D%2294d7a7_0c9253798e2b448de2861079ed9adfc6 .xml%22+description%3D%22next+to+nicx+makes+letterpress+bespoke+statio nery+on+a+refurbished+Adana+hand+press+in+Lausanne%2C+Switzerland.+Gre eting+cards%2C+invitations%2C+business+cards%2C+bespoke+letterhead.+Po lymer+platemaking.%22%2F%3E%3Cpage+id%3D%22GUhZv_%3Bif94-a%22+page_id% 3D%22b9387b2c-a4d5-e893-1ee0-6ef466f380e4%22+keywords%3D%22next+to+nic x%2Cletterpress%2Cadana%2Cstationery%2Cinvitations%2Cletterhead%2Cplat emaking%2Cpolymer%2Cbusiness+cards%22+title%3D%22Under+construction%22 +name%3D%22Under+construction%22+number%3D%222%22+client_id%3D%2224564 7%22+wmode%3D%22window%22+icon_file_name%3D%2294d7a7u8b9387b2c-a4d5-e8 93-1ee0-6ef466f380e4.wix_doc_ico%22+xml_file%3D%2294d7a7_f065cfa78e7c2 7629833874b157f29ef.xml%22+description%3D%22next+to+nicx+makes+letterp ress+bespoke+stationery+on+a+refurbished+Adana+hand+press+in+Lausanne% 2C+Switzerland.+Greeting+cards%2C+invitations%2C+business+cards%2C+bes poke+letterhead.+Polymer+platemaking.%22%2F%3E%3C%2Fpages_list%3E%3C%2 FwixDocument%3E%3C%2Fwix-document-details-result%3E&canZipXml=true&exp eriment_id=empty&docdomain=www.nexttonicx.net&is_public=true&docId=c03 28046-5bd4-884f-e510-e99d36e66e6b&client_id=1&partner_name=wix&cflag=1 &embedFormat=wix&";

    ??????????????

    I'm with you there bud!!

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 9, 2012 1:37 AM   in reply to adninjastrator

    I settled for horizontal alignment :-)

     

    Adninjastrator I started a new thread to follow up my cache problem. Could you please take a look here-

     

    http://forums.adobe.com/thread/973058

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points