Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

Bootstrap, height of edge animation and others div content in the page… overlay issue

$
0
0

I’ve a problem with the position others div tags in a page with a edge animation in the top (in the below example, div “box-animation”… export it with “publish target: Web”).

The static content (in the below example, class “content-static”) is always overlay to the animation, instead to view it below div “box-animation”.

 

The first solution is to set an height for edge animation container (for example, #box-animation height: 500px) but its very complicate to manage it with responsive website.

 

So, how to view the static content in a div tag after an animation create with edge animate, to avoid overlay effect?

 

This my first animation with Edge Animate and I always thought that the animation would have been placed in the html order of the webpage...

Thanks

 

 

Example:

 

<body>

<div id=“box-animation”><div id="Stage" class=“animation1…”>[edge animation]</div></div>

<div class="container">

  <div class="row">

    <div class="span12">

      <div class=“content-static”><p>Test content</p></div>

    </div>

  </div>

</div>

</body>


Viewing all articles
Browse latest Browse all 9897

Trending Articles