相同元素不同版本的IE中不同客戶端寬度值

我有下面的代碼來獲得'內容'寬度，但是如何使用IE 7,8,9的不同值返回？ Firefox的價值也不同。相同元素不同版本的IE中不同客戶端寬度值

我怎樣才能讓它返回一致的值？有沒有可能不使用JQuery？

document.getElementById('content').clientWidth 
document.getElementById('leftSide').offsetWidth 
document.getElementById('content').clientHeight

leftside div包含在content div內。他們唯一的風格是

background-color:white;

我：

IE7 1604/297/925

IE8 1906/297/925

IE9 1910/297/1609。

FF 1610/297/1910

我試圖對「標準兼容模式」，但仍然沒有有所作爲......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

感謝切換，

來源

2012-08-08 Lys

那麼，你會得到什麼樣的價值，這個元素有多大？它有一個滾動條嗎？ – 2012-08-08 06:54:50

區別在於瀏覽器框模型。很大程度上取決於你是否處於怪癖模式（http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug）。緩解這些問題的最有效方法是使用JavaScript庫，該庫提供了用於標準化瀏覽器之間差異的方法（例如，jQuery的.width().height()）。

來源

2012-08-08 07:04:22

相同元素不同版本的IE中不同客戶端寬度值

回答

相關問題