CSS和jQuery：document.height沒有正確報告？ div不會垂直拉伸

奇怪的是，我似乎無法找到任何人與此問題。 O_OCSS和jQuery：document.height沒有正確報告？ div不會垂直拉伸

代碼葉#main的結束和IE，Chrome瀏覽器（和Safari）的實際頁面的末端之間的差距，但不能在Firefox瀏覽器。

香草CSS有html, body{ min-height: 100%; height: auto !important; }。 #content是#main內的position: relative。

試圖讓#main從頂部到頁面底部伸展。

編輯：用它打的多之後，在我看來，一切都取決於具有CSS-變化計算髮生之前加載它的全部內容＃內容。從一個頁面切換到另一個頁面允許Chrome（和Safari）爲#main設置適當的高度。有什麼方法可以'告訴代碼等待'嗎？雖然我不知道這是否修復了IE

來源

2011-02-15 Zydeco

只是一個猜測，但有一點我想嘗試在curses之間會看看'$（'body'）。height（）`是否返回任何不同的東西。（也許不是。） – Pointy 2011-02-16 00:16:57

自從我參加了宣誓就職休息，並在希望IE瀏覽器將是符合標準的在接下來的六百年的表演儀式，我可以告訴你，一個`$（窗口）.load（函數（） {$（'html'）。prepend（$（document）.height（）+' - '+ $（window）.height（）+' - '+ $（'body'）。height（））;}） ;`在IE中給出'928 - 924 - 500'的結果，在Firefox中給出'1102 - 948 - 500'的結果。這就像IE不知道報告的適當高度。這就是我提到絕對定位的原因。這會有所作爲嗎？ – Zydeco 2011-02-16 00:29:28

<html> 
    <body> 
     <div id="main"> 
      <div id="content"> 
       <p>content area</p> 
      </div> 
     </div> 
    </body> 
</html>

面臨的問題和CSS

html, body {height: 100%; margin: 0; padding: 0} 
#main { 
    min-height: 100%; 
    height: auto !important; 
    width: 1024px; 
    position: absolute; 
    top:0; 
    left:50%; 
    margin-left:-512px 
} 
#content {margin: 135px 0 0 300px} 

/* for illustrative purposes */ 
#main {background-color: #CDE}

退房小提琴
http://jsfiddle.net/UB975/6/

來源

2011-02-16 06:19:01 Nimrod

CSS和jQuery：document.height沒有正確報告？ div不會垂直拉伸

回答

相關問題