¶
2:20p
Wed 19
Dec 2007
Wed 19
Dec 2007
To fix this bug, set the height of both the HTML and BODY elements to 100%. This is most easily done in the stylesheet with one line of CSS:
This is an IE7 bug, Firefox, Safari, IE6 and Opera all display the IFRAME height of 100% correctly. IE7 defaults the IFRAME height to between 150 and 200px if the HTML and BODY height are not both defined.
Yes, this works for percentage values other than 100% as well, as long as the BODY and HTML heights are defined as appropriate.
Hope this saves someone else some time! (I've seen min- and max- height and JavaScript solutions, but those didn't work for me.)
Charles
body,html{height:100%;}This is an IE7 bug, Firefox, Safari, IE6 and Opera all display the IFRAME height of 100% correctly. IE7 defaults the IFRAME height to between 150 and 200px if the HTML and BODY height are not both defined.
Yes, this works for percentage values other than 100% as well, as long as the BODY and HTML heights are defined as appropriate.
Hope this saves someone else some time! (I've seen min- and max- height and JavaScript solutions, but those didn't work for me.)
Charles