Participating Frequently

Question

OAM <Object> from Animate to Dreamweaver Responsive but leaves a big gap

Forum|Forum|4 years ago
March 6, 2021
1 reply
374 views

I have an issue with an OAM animation I created in Adobe Animate CC and placed on a web page using Dreamweaver and html5. The animation scales very nicely between lg-xs screens but as the screen size dips below 1200 wide (lg to md) you see the gap betweeb the animation <object> and the next element grow substantially larger. You can simulate this easily in Dreqmweaver using live mode and scaling the page size. The web page looks great on my PC full screen but on the android phone the gap between these elements is half the screen. I have seen a few writings about this issue on other media sites but none with clear answers.

This topic has been closed for replies.

Community Expert

Community Expert

Please supply the link o the page.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

andrewandterryAuthor

Participating Frequently

Thanks for taking an interest. You can see this issue at https://andrewandterry.net

The first element on the page is the animated OAM <object> followed by a bootstrap navbar.

Just below is another animated OAM which is much smaller but has the same responsive issue,

Community Expert

Community Expert

There is a height of 500px set for the object which is causing the problem.

Rather than using <object>, I used <iframe> and Bootstrap 4

This meant merely dropping the HTML file, as created by Animate, into the iframe.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!