3 Replies Latest reply on Mar 25, 2014 10:26 PM by hemanthR

    How to place a div under the edge element?

    Milewstyle

      I made one pretty large stage like... 2048x1500... with lots of symbols and eveything works fine... what i want to do now is place this animation as the top of my website..

       

       

      so i have

       

      <div id="Stage" class="EDGE-11634"></div>

       

      i want to my website content comes right after it.. let`s say i put it

       

      <div style="float:left">TEST</div>

       

      ... it doesn`t work.. it shows behide my edge animation... everything i put under it goes under the edge animation... i have tried placing marging-top:1500 in my content.. but it doesn`t help much as my edge element has Responsive Scaling.. so as a scale it.. my content goes too far or under again... how can i place elements under my edge element??? i have tried a lot of things already none worked..

        • 1. Re: How to place a div under the edge element?
          hemanthR Adobe Employee

          The element you add after the stage does appear after the animate content,unless some other css property in you webpage is affecting the div position below the animate content.

          Here is the code i have in the html

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

                    </div>

              <div style="float:left">TEST</div></body>

           

          Here is the screen shot as it appears in my browser.

          Screen Shot 2014-03-25 at 9.58.23 pm.png

          1 person found this helpful
          • 2. Re: How to place a div under the edge element?
            Milewstyle Level 1

            What is in your screen shot is exactly what I want to do..

            Unfortunately..  It's not happening the same..

             

            My CSS is absolutely clean have anything there.. My edge element has

            responsive width...  I don't mean that all elements in my stage are with

            width 100% or centered position or whatever.. but the stage itself has

            responsive scaling enabled. So all symbols inside stick together even if

            they have responsible width or not..

            What makes all other elements under my page don't really see my edge

            element..  I guess it's putting my did as absolute and positioning it as

            top:0;

             

            --- EDIT

             

            so far what worked for me now was this:

             

            <body onResize="RESIZE()" onLoad="RESIZE()">

             

            <div id="Stage" class="EDGE-11634"></div>

            <div id="content" style="float:left">TEST</div>

             

             

            <script>

            function RESIZE(){

                   var height = $("#Stage").parent().height();

                  $('#content').css('margin-top', height);

            }

            </script>

             

            </body>

            1 person found this helpful
            • 3. Re: How to place a div under the edge element?
              hemanthR Adobe Employee

              Nice that that you habe found a hack to solve the  issue .

              If possible can you PM/mail me you content.I can have a look as to what is causing you content to behave deifferent.