ansaurus

Question

iframe height not taken into account by IE8

Answer 1

+1 A:

Put this in the page you're calling with the iframe:

<script type="text/javascript">
    var iframes = window.parent.document.getElementsByTagName('iframe');
    for(var i = 0; i < iframes.length; i ++)
    {
        if(iframes[i].src == window.location)
        {
            iframes[i].style.height = '400px';
        }
    }
</script>

If you are on 2 different domains, this isn't possible, and unfortunately there is no other way when supplying the <iframe> directly to the end-user. The best solution would be to instead give the user a script tag that generates the <iframe> tag using a document.write()

Example script tag to give to your client:

<script type="text/javascript" src="http://www.example.com/widget-getter.js?client=[clientid]&amp;amp;widget=[widgetid]"&gt;&lt;/script&gt;

Contents of the script that the above tag would call:

document.write('<iframe height="400px" src="http://www.example.com/widget.html"&gt;&lt;/iframe&gt;');

orokusaki 2010-06-10 15:47:06

Yeah that would surely work, but this part of the code is generated by the portal for each widget, and as I said, I can't modify that :/So there's no way for me to modify the iframe elementBut thanks anyway!

Pedro 2010-06-11 13:58:12

@Pedro See my updated answer. This will do it for you.

orokusaki 2010-06-11 14:15:53

Hi orokusaki and thanks for your time. Unfortunately, as the iframe and the portal aren't located under the same domain, I can't modify elements such as window.parent.*** - for cross-domain security reasons.

Pedro 2010-06-14 07:33:19

@Pedro, see my update

orokusaki 2010-06-14 15:21:50

So are you telling me there is no way to have it properly rendered in IE8? Isn't there a known issue about iframe height and IE? Thanks for your time anyway!

Pedro 2010-06-14 16:40:12

@Pedro - iframe is intrinsically limited in many ways, but the real problem comes from not having access to the page's source (to add the `height="400px"`, etc. Did you check my latest answer? You can do a `document.write()` to put the iframe in and hand your clients a `<script>` tag instead of handing them the actual `<iframe>`. This is what Google does with AdSense.

orokusaki 2010-06-15 16:13:08

That works!So I ended up specifying a fixed height for the iframe (400px), and a height of 100% for the div that contains the map.Not conventional, but effective, thanks orokusaki-sama :)

Pedro 2010-06-16 07:30:37

@Pedro no problemo, I'm glad I was able to help.

orokusaki 2010-06-17 23:34:41

Answer 2

+1 A:

Did you try using the height attribute of the iframe tag?

Knu 2010-06-10 22:28:14

I wish I could, but the iframe is generated by the portal (an iframe is generated for each widget), and I can't modify that :/

Pedro 2010-06-11 13:59:20

ansaurus

tags:

views:

answers:

iframe height not taken into account by IE8

related questions