IE7 and document.documentElement.clientHeight

Question posted by: vunet (Guest) on August 29th, 2008 06:25 PM

The code below returns the viewport of the browser window but it does
not work in IE7 because of the document.documentElement.clientHeight:

function pageHeight(){
return window.innerHeight != null ? window.innerHeight :
document.documentElement
&& document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body != null?
document.body.clientHeight : null;
}

I see this problem all over the forums but I cannot find any valid
solution. How do I fix/handle unsupported object in IE7? The solution
which I found was supposed to work but it does not for me:

if (typeof window.innerWidth != 'undefined'){
h = window.innerHeight
}else if (typeof document.documentElement != 'undefined' &&
typeof document.documentElement.clientHeight != 'undefined' &&
document.documentElement.clientHeight != 0){
// IE6 in standards compliant mode (i.e. with a valid doctype as
the first line in the document)
h = document.documentElement.clientHeight
}else{
h = document.getElementsByTagName('body')[0].clientHeight
}


Thanks!!!

Quote | Subscribe