Export to HTML5 - Not following InDesigns crop-box rules

Question

I am using the Export to HTML5 feature that's now an option under Publish Online.

But does aanyone know how to make the InDesign HTML5 Export crop at the boarder of the InDesign document? For example when you, export an Indesign file normally any overlapping images or shapes that fall outside of the crop box will be cropped. However with export to HTML5 this for some reason isn't happening.

Essentially, I have a few videos that purposely overflow out of the document (for the design asthetic I've gone for). But when I export for HTML5 it has kept everything outside of the crop box, so none of the pages are the same size as it is contained things outside of the boarder.

Any thoughts on how to solve this?

I've attached aa screen shot, and you can see where the border should be cropping (anything with white space should be cropped).

I have the most up to date version of InDesign that was updated this week.

talented_realist0101 · Accepted Answer

Some one helped me come up with a Solution on Reddit thank god. For anyone that's wanting a solution to the same problem... Duplicate the page, then Select All and Group everything . Then hit Copy. Then hit Cut (which is super important and the stage I was missing previosuly). Then draw a new Frame the full size of your page boarders. Then go Paste Into.

When you export as HTML5 now everyhting will be confined to the page boardes / crop box.

One thing to note is that the HTML5 file still doesnt fit the screen size you're opening it on, but I belive this can be adjusted on the hoasting platform pretty easily another gent was saying.

Robert at ID-Tasker · Answer

There is nothing with white space - to be cropped?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded