Højre på browseren

function getHeight(){
  return window.innerHeight ? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight;
}

Takker mange gange ..

Hvordan kan jeg se hvorvidt om browseren bruger IE eller en anden?
if(navigator.appName.indexOf('Microsoft')!=-1) kan ikk bruges da opera som standard tilkendegiver sig selv som Microsoft :(

Ovenstående er faktisk en måde, hvorpå du får det rigtige resultat, uanset browser, fordi den simpelthen bruger den første funktion, der virker !-)

-- prøv f.eks. følgende:

<script type="text/javascript">
function getHeight(){
  return window.innerHeight ? [window.innerHeight,"innerHeight"] : document.documentElement && document.documentElement.clientHeight ? [document.documentElement.clientHeight,"docElm.clientHeight"] : [document.body.offsetHeight, "body.offsetHeight"];
}
window.onload = function(){alert(getHeight());}
</script>

-- så vil du se, at både Opera og f.eks. FireFox leverer innerHeight, mens IE afhængig af doctype enten leverer docElm.clientHeight eller body.offsetHeight !-)

-- generelt kan det anbefales, at:

1. Brug funktioner, som understøttes af alle browsere ...

2. Test på den funktion eller egenskab, du vil bruge, på samme måde som i ovenstående !o]

3. Hvis kun browser-check giver mening, så test først for Opera !-)

Jeg prøver at kigge lidt på det ... :)
Det er bare fordi at i IE skal der trækkes et mindre tal fra getHeight() end i de andre.. Hvorfor ved jeg ikke .. Men tror det har noget at gøre med min CSS .. :)

Så f.eks.

function getHeight(){
  return window.innerHeight ? window.innerHeight - 36 : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight - 24: document.body.offsetHeight - 24;
}

!-)

Kanont, det virker ... :)
Smid et svar ;)

Velbekomme '-)

-- og tak for point ;~}