Publish Documents - iframe

Forum|Forum|11 months ago
May 16, 2025
2 replies
507 views

I'm not sure this is an InDesign specific questions, but as it relates to documents published from InDesign…

Could anyone tell me how I can size the hight of my iframe so that it 'snaps' to fit the content in an elegant way for different screen sizes?

my @36646830 css is clearly not working correctly yet…

http://www.wrdmag.co.uk

WRD38 Spring 2025

Publish online

Correct answer rob day

What's the "ratio.png" image - do I need this file? The code work without the actual png.

It’s a 1px x 1px transparent .png, which helps with the full screen fit, if that’s what you are looking for. The path of the ratio.png is to a folder named images in the same folder as the HTML file.

rob day

Community Expert

Hi @FlyingSaucy , See my iframe code example here:

https://indd.adobe.com/view/cff4e8c0-be49-45db-8069-f6fc466d9ce9

FlyingSaucyAuthor

Inspiring

Thanks for that link - that code appears to have achieved much of what I was trying to do.

A couple of questions.

What's the "ratio.png" image - do I need this file? The code work without the actual png.

is it possible to reduce the top and bottom padding/margin in the iframe?

rob day

Correct answer

Community Expert

What's the "ratio.png" image - do I need this file? The code work without the actual png.

It’s a 1px x 1px transparent .png, which helps with the full screen fit, if that’s what you are looking for. The path of the ratio.png is to a folder named images in the same folder as the HTML file.

BobLevine

Community Expert

Unfortunately, there is nothing elegant or responsive about Publish Online and since you haven't really provided a link to where you're using the iframe, we can't look at it.