HTML border cut off by adserver

[Takeapunt]

I am creating banner ads in Animate 2017, and instead of drawing a border on the Animate stage I've been adding it to the HTML Canvas element with border:1px solid #000000;

But this adds the border to the outside of the banner, so that 300x250px becomes 302x252px, and our Adserver is saying that the banner is being clipped (right and bottom) hiding the border.

I could revert to drawing borders inside Animate,

or make my stage 2px smaller,

or would the new ‘Centre Stage’ and ‘Make Responsive’ Publish settings help here? (I have them both turned off.)

Thanks for your help in advance.

[Colin Holgate]

Any of your solutions seem ok. I would put the stroke inside Animate.

[just.emma · Accepted solution]

What I like to do is to add my border to the "dom_overlay_container" div, and also add box-sizing:border-box; to the styling, so that the border goes inside the div instead of outside.

[Takeapunt]

Yeah – that works, thanks! Although I'm no coder I prefer to add the border like this than on the timeline. Thanks again.