iframe is not working in blogger blog

[3mounika]

Hi i am using iframe full height in my blogger blog.

Used CSS is:

#iframe {
   height: 100%; 
   width: 100%; 
   display: block;
   border:0;
   margin:0;
   padding:0;
}

and Javascript is:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
    var height = window.innerHeight;

    $(document).ready( function(){
       $('iframe').css('height', height);
    } );
</script>

and HTML is:

<iframe id="iframe" src="http://mybloggertricks.com"></iframe>

I had tested this in Dreamviewer with the same above attributes it's working fine in IE also. But only in blogger it's not working in only IE browser. Please help me anybody on this problem Please Help.

see that blog here:
http://new-temp.blogspot.com/2012/12...er-tricks.html

[xelawho]

I can't see the difference, but you should know that .innerHeight is not understood by IE<9. There are workarounds, but being that you are using jQuery anyway you can use the jQuery method (and also put it inside your document. ready function just to be sure:

$(document).ready( function(){
var height=$(window).height();
       $('iframe').css('height', height);
    } );