I have an iframe where dynamic content (a table with data) is loaded. An onload and onresize function will adjust the tables container div to the appropriate height. This works perfect in FF2, FF3 and IE6. Only in IE7 after setting the style.height the content of the iframe disappears. Hovering with the mouse cursor over the iframe the content reappears correctly.
Is this a known problem on IE7? Is there a workaround?
// tc is the div for the table which needs to be adjusted.
var o = document.getElementById('tc');
var h = (isIE() ? 85 : 100);
var n = (isIE() ? document.documentElement.clientHeight : o.offsetParent.clientHeight)-h;
var s = String(n) + 'px';
o.style.height = s;