3 Replies Latest reply on Sep 25, 2014 7:08 PM by Mattyologica

    embedding .oam files into fluid grid layout

    Mattyologica Level 1

      Hello everyone,

       

      After embedding .oam files into my fluid grid layout I got unwanted top and bottom gutters and gutters are getting bigger in tablets layout and much bigger in mobile layout. How can I get rid of them? I uploaded a test version of my project  http://www.mattyologica.tk/Index.html

      ps.  When I insert image rather than .oam file my fluid grid layout works perfect.

       

      Thanks,

        • 1. Re: embedding .oam files into fluid grid layout
          Siva. Level 3

          OAM's are inserted using object/iframe tags. It will introduce gutters.

           

          Try embedding the div directly as follows.

           

          This is a modified version of the content posted here

           

          <!DOCTYPE html>

          <html>

          <head>

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

            <title>Edge always wanted to be a Wrapper</title>

           

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

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

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

              <style>

                  .edgeLoad-PAGE_A { display:hidden; }

                  .edgeLoad-PAGE_B { display:hidden; }

                  .edgeLoad-PAGE_C { display:hidden; }

           

            #StageA, #StageB, #StageC {

            display: block;

            }

              </style>

          </head>

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

            <div id="wrapper" class="center">

            <div id="StageA" class="PAGE_A">

            </div>

            <div id="StageB" class="PAGE_B">

            </div>

            <div id="StageC" class="PAGE_C">

            </div>

            </div>

          </body>

          </html>

          1 person found this helpful
          • 2. Re: embedding .oam files into fluid grid layout
            Mattyologica Level 1

            Thanks, that helps a lot

            • 3. Re: embedding .oam files into fluid grid layout
              Mattyologica Level 1

              That's what i did finally.

               

              Screen Shot 2014-09-25 at 4.48.14 AM.png

              Screen Shot 2014-09-25 at 4.50.03 AM.png