Question

How can I set my Iframe height to be dynamic to its content.

The content is only PHP code, nothing else.

I use the php to query database, and then show some ads. The more ads, the higher the iframe should be.

I thought height=’100%’ should do it, but no…

I have read other Q but their solutions doesn’t work for me.

Suggestions ?

Thanks

Answer 1

You have to set height of iframe in javascript. JavaScript should be in page inside the iframe (must be if page with iframe and page in iframe are from different domains).

a.html:

<iframe src="b.html" id="myiframe"></iframe>

b.html:

<div style="height: 500px; background:magenta;"></div>
<script>
    parent.document.getElementById('myiframe').style.height = document.body.offsetHeight+'px';
</script>