2011-08-12 164 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