スクロールバーがブラウザに表示されないウェブサイトを作成しています..... Firefoxの場合、Chromeを下に移動して最悪の状態にすることができます。下のコードとdivのタグを使ってページの分割を行いました.. 提案:スクロールバーが表示されません
- globalheader - >ページの先頭に戻る
- globalnav - >スクロールの効果がなく、固定位置の左側にある必要があります。
- globalcontent - >ページの中央に、ここにすべてのデータと結果が表示されます。
- globalright - >
#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;}
コンテンツの高さが固定されているのはなぜですか? – joshnh
@joshuanhibbert実際には...私がしようとしているのは、どのページでもユーザーが簡単にナビゲートできるようにすることです。 – viveksaxena