Hi there,
I’ve build a little animation that I want to embed in a Wordpress article.
Here is the code I used :
iframe src=“http://site/index.html” width=“468” height=“465” style=“border:none;” frameborder=“0” scrolling=“no”>
Works nice in Chrome (but I wish this could be centered) but not in Safari.
any clue ?
Can you share the URL where your iframe is placed?
To center an iframe, you can add margin: 0 auto;
to the style section of your iframe. This will center it in the parent DIV:
<iframe src="http://site.com/document.html" height="250" width="250" style="display:block;margin:0 auto;border:none;" frameborder="0" scrolling="no"></iframe>
Hey Daniel,
Tried many things, but didn’t managed to center the animation on the page
You will also need to add display:block;
to your iframe’s inline CSS.
Thanks Daniel,
It works perfectly now !