none
IE9 only showing my website iframe in half

    Question

  • Hi all,

    I´m going nuts with IE from the 6 to the 9th, I just installed IE9 after all the prob i had aith the previous version hoping for a good change.

    I developing a website with small interactive iframe diagram, work nicely on mozilla, chrome, etc ... but on IE9 I´m only seing half of them, here is the link:

    http://www.synergynetwork.es/soluciones

    anyone could help ?

    Wednesday, February 02, 2011 9:30 PM

Answers

  • Looks like it's the iframe's 100% attribute.  I'm looking at it in Chrome 9, and it's about 3x the height I think you're going for.  Even though the actual picture is full, the footer is being pushed way down.  In IE9 Platform Preview 7, I get what you see with the image being cut in half and you can't see the rest of the image.  I would suggest you place a fixed height so you're guaranteed to get what you want here.

    <iframe name="" width="100%" height="100%" align="top" class="wrapper" id="blockrandom" src="http://www.synergynetwork.es/granderoue.html" frameBorder="0" scrolling="no" onload="iFrameHeight()">

    to this (or similar), things look fine.

    <iframe name="" width="100%" height="350" align="top" class="wrapper" id="blockrandom" src="http://www.synergynetwork.es/granderoue.html" frameBorder="0" scrolling="no" onload="iFrameHeight()">

    • Marked as answer by Sebinoz Thursday, February 03, 2011 8:39 PM
    Thursday, February 03, 2011 4:50 PM

All replies

  • Looks like it's the iframe's 100% attribute.  I'm looking at it in Chrome 9, and it's about 3x the height I think you're going for.  Even though the actual picture is full, the footer is being pushed way down.  In IE9 Platform Preview 7, I get what you see with the image being cut in half and you can't see the rest of the image.  I would suggest you place a fixed height so you're guaranteed to get what you want here.

    <iframe name="" width="100%" height="100%" align="top" class="wrapper" id="blockrandom" src="http://www.synergynetwork.es/granderoue.html" frameBorder="0" scrolling="no" onload="iFrameHeight()">

    to this (or similar), things look fine.

    <iframe name="" width="100%" height="350" align="top" class="wrapper" id="blockrandom" src="http://www.synergynetwork.es/granderoue.html" frameBorder="0" scrolling="no" onload="iFrameHeight()">

    • Marked as answer by Sebinoz Thursday, February 03, 2011 8:39 PM
    Thursday, February 03, 2011 4:50 PM
  • One thing only Ryan, you rock !  thanks a million, works perfectly !
    Thursday, February 03, 2011 8:39 PM