iframed Responsive/Adaptive Content

Any Possible Resolution for Framed Content

[Edouard_H]

We've crafted a good solution for a legacy advertising product that is basically a .jpg and an image map (yes, an image map). This format works well due to high volume, quick turnaround. Using CSS media queries and background positioning we've achieved a more than presentable mobile-friendly version. Unfortunately in addition to being displayed on our website many of our clients display it iframes on their own websites. The responsive version of course fails when framed. We don't have or want access to the clients' web provider's html. Can anyone think of a possible solution?

[coopster]

Offer a JavaScript solution to your customers. If they decide to stick with iframe, well, what can you do? Go old school and bust the frame?

if (top.location != self.location) {
 top.location = self.location.href;
}

Your customers may not like that though. So if that is not a viable solution perhaps you could just detect and display a message at the very top of the iframe and offer a "View this page in a new tab" option?

I have found the best way to offer this type of data has been via JavaScript or offer advanced users an API. If they decide to frame it, well, sometimes it is what it is. Unfortunately.

[Edouard_H]

Thanks Coopster - We have pretty much just let them know that our ad can only be as adaptive/responsive as the page it's framed on. Ball's in their court now.