3 Replies Latest reply on Mar 7, 2014 9:31 AM by JRtist001

    Poster image not centering in browser

    JRtist001

      My poster image (for viewing in IE8) is not centering in the browser window. It's displaying as left aligned with a big gap to the right of the image. How do I fix?

        • 1. Re: Poster image not centering in browser
          hemanthR Adobe Employee

          I believe you are talking about displaying the poster image in the down-level stage on IE.

          You can try by adding the below mentioned snippet with the '<style>' tag of your html file

           

          #<poster image name from elements panel>{

          position:static !important;

          margin-left:auto;

          margin-right:auto;

          display:block;

          }

          1 person found this helpful
          • 2. Re: Poster image not centering in browser
            JRtist001 Level 1

            Thank you Hemanth, that is exactly what I am referring to. One final question though, as I am by no means an HTML guru...do I add the snippet while I'm in Edge or do I open the HTML file in Dreamweaver and add the code there?

             

            If in Edge, where do I access the code to add it (and where does it go)?

             

            If in Dreamweaver...here is the code for my file, where  would I place the snippet?

             

            <!DOCTYPE html>

            <html>

            <head>

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

                      <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

                      <title>Untitled</title>

            <!--Adobe Edge Runtime-->

                <script type="text/javascript" charset="utf-8" src="FEA2014_Invite_edgePreload.js"></script>

                <style>

                    .edgeLoad-EDGE-450331542 { visibility:hidden; }

                body {

                      background-color: #000000;

            }

                </style>

            <!--Adobe Edge Runtime End-->

             

             

            </head>

            <body style="margin:0;padding:0;">

                      <div id="Stage" class="EDGE-450331542">

                      </div>

            </body>

            </html>

             

             

            I GREATLY appreciate this advice!

             

            Many thanks,

            James

            • 3. Re: Poster image not centering in browser
              JRtist001 Level 1

              Or I could (as I just discovered) just take my OAM file and place it in a Muse page, thus making sure that everything is centered as it should be.

               

              Thanks for chiming in though!