如何獲得一致的javascript window.outerHeight跨瀏覽器？

我有一個網站，我希望腳註始終出現在同一個地方。假設我的用戶都在> = IE8，Chrome和Firefox，我認爲這只是獲取Window.outerHeight的問題。

但是當我測量window.outerHeight時，它在FF v。Chrome v。IE中返回不同的值。

另外，只是在視覺上進行一些基本的測量，很明顯，在Chrome中我的顯示器上的500px DIV與FF中的高度不像IE中的高度相同。

SO：是否有一些'公式'可以可靠地用於轉換像素大小的跨瀏覽器，以便可以爲某個div設置適當的「最大高度」，並知道它在我的顯示器中的高度相同IE，Chrome和FF？

再次......我並不真正關心真正的「普遍」。 99％的用戶會擁有這3個瀏覽器，所以如果我能夠讓那些用戶成功，我會非常高興。

TIA，

--- JC

2012-12-28 jchwebdev

爲IE8可以使用document.body.offsetHeight。

，但我建議只使用CSS：

<div id="footer" style="position: fixed; bottom: 0;"></div>

2012-12-29 00:18:26 dkoch

感謝。我想我試圖更好地理解每個瀏覽器之間的差異。 IOW：爲什麼window.outerHeight與瀏覽器不同？有沒有'轉換公式'？ – jchwebdev

window.outerHeight在IE8中不受支持，它具有包括工具欄，搜索欄等在內的輸入窗口的高度。請參閱https://developer.mozilla.org/en-US/docs/DOM/window.outerHeight – dkoch

回答