2011-08-12 162 views
0

我正在做一個網站,其中滾動條不顯示在任何瀏覽器.....在Firefox中,我可以使用向下鍵在Chrome中向下移動,它最糟糕......我顯示我的代碼如下,我用div標籤分頁。 任何建議:滾動條不顯示

  • globalheader - >在頁頂部;
  • globalnav - >應該在左側,固定位置沒有滾動效果。
  • globalcontent - >在頁面中間,這裏顯示所有數據和結果。
  • globalright - >在頁面級

CSS代碼右邊:

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height: 101%;} 
body{ padding:0px; margin:0px; } 

#globalheader{width:930px; height:28px;background:#fff; z-index:1; position:absolute; 
       margin: 15px 200px 0px 200px; padding: 1px; float:left; border:0px solid; } 


#globalnav { float:left; margin:120px 0px 0px 0px; padding:0px; background:#FFF; z-index:2; 
      position:fixed; left:0px; overflow:visible; width:150px; height:auto;   border:0px solid #ababab;} 

#globalright{ margin-top:50px; height:auto; width:205px; position: absolute; left:1055px; 
       right:0px; top:50px; border:#cdcdcd 0px solid; } 


#globalcontent{ margin:50px 105px 20px 215px; border:#aaa 1px solid; height:900px; 

        float:left; width:761px; border-top:none;} 
+0

爲什麼你的內容有固定的高度? – joshnh

+0

@ joshuanhibbert其實....什麼即時通訊試圖做的是,以方便用戶瀏覽任何頁面 – viveksaxena

回答

1

對於#globalcontent的風格的使用,min-height:900px;,而不是height:900px;
此外,100%,不101%html的高度。

更重要的是,考慮使用標準的,經過驗證的佈局,如"The Perfect 3 Column Liquid Layout"et cetera),而不是不必要地重新發明車輪。

+0

dint工作...但thx求助 – viveksaxena