Html5 Swiffy Banner In Iframe: How To Make Responsive

[dmccreary]

HTML5 banners generated using Google Swiffy can't be put into HTML banner field in Revive, the Javascript conflicts, one has to serve them via an iframe. I want the banner to be responsive. 

 

There are a lot of variables in play: in the footer of the generated HTML5 file it has this in style tags:

 

html, body width: 100%; height: 100%

 

and it generates this in a div tag:

 

id = swiffycontainer style="width: 728px; height: 90px"

 

the iframe code i insert would normally be something like this (brackets removed so it won't render in this posting)

 

iframe src="http://domainhere.com/images/banners/filename.html" width="728"

height="90" frameborder="0" margin="0" padding="0" 

 

but i do not get responsive sizing. I also get some unwanted padding from the HTML file in the banner module. should changes be made to swiffy HTML file, to the iframe code i put into Revive, both? I've tried quite a few options and haven't gotten it right. 

 

Delighted to pay for assistance from a developer this is a commercial project. We do not want to serve Flash banners, HTML5 is the answer but i'm missing a few pieces of this puzzle. 

 

thanks...

 

 

[Richard Foley]

To make your post easier to read, you may be able to use "quote" tags to non-render the post?

 

<iframe src="http://domainhere.co...s/filename.html" width="728" height="90" frameborder="0" margin="0" padding="0">

 

 

and so forth...?