Question

Can anyone tell me why this wouldn’t work on Safari?

// Set the height of the iFrame
var avail = document.parentWindow.screen.availHeight;
var screenTop = document.parentWindow.screenTop;
var divHeight = $('.header').css('height').replace('px','');
var divTop = $('.header').position().top;
alert('avail: ' + avail + '\nscreenTop: ' + screenTop + '\ndivHeight: ' + divHeight + '\ndivTop: ' + divTop);
$('#viewerFrame').css('height', (avail - screenTop - divTop - divHeight - 94) + 'px');

In IE, it works exactly as I want (which means it sizes the iFrame to take up all of the screen that’s left after I take into account the size of the window, the header, and so forth…). Why doesn’t it work in Safari?

Answer 1

document.parentWindow is IE-only.

You may use top or parent instead