Controlling an iframe's height

[Oahgneg]

How do I control the height of an iframe based on the content of its
src? Do I use CSS/<div> or Javascript?

[KDLA]

"based on the content of its src?"

If the source has a static height, you can use CSS.
<iframe style="height: 400px;">
</iframe>

[Oahgneg]

But what if it doesn't?

If it does have a static height, I wouldn't need to use the CSS; I'd just have <iframe height= "400">

[KDLA]

Is the target page on your server, or is it someplace else?

[Oahgneg]

Both are on the same server.

[Miracle_Men]

Above head the following code

<script>
function resizeMe(obj)
{
//docHeight = pages.document.body.scrollHeight
if (document.compatMode != 'CSS1Compat')
{
docHeight = document.getElementById('pages').contentWindow.document.documentElement.scrollHeight;
} else
{
docHeight = document.getElementById('pages').contentWindow.document.body.scrollHeight;
}


obj.style.height = docHeight + 'px';
}
</script>

Code for the iframe:
<iframe id="pages" name="pages" onload="resizeMe(this);"></iframe>

Miracle_Men