2011-08-12 59 views
0

スクロールバーがブラウザに表示されないウェブサイトを作成しています..... Firefoxの場合、Chromeを下に移動して最悪の状態にすることができます。下のコードとdivのタグを使ってページの分割を行いました.. 提案:スクロールバーが表示されません

  • globalheader - >ページの先頭に戻る
  • globalnav - >スクロールの効果がなく、固定位置の左側にある必要があります。
  • globalcontent - >ページの中央に、ここにすべてのデータと結果が表示されます。
  • globalright - >

PAGE- CSSコードの右側にある: #globalcontentのスタイルで使用するために

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

min-height:900px;、代わりにheight:900px;
また、100%のではなく、 htmlの高さは101%です。

もっと重要なのは、車輪を不必要に改造する代わりに、"The Perfect 3 Column Liquid Layout"et cetera)のような、実証済みの標準的なレイアウトを使用することを検討することです。

+0

dint work ...しかし助けを求めて – viveksaxena

関連する問題