2009-09-04 2 views
0

私は、ブラウザウィンドウに完全に自己完結型である必要があるサイトを持っています。つまり、サイトのさまざまな部分を表示するために上下にスクロールする必要はありません。コンテンツペインに収まらない長すぎるコンテンツは、うまく動作しているoverflow:autoで処理されます。CSS:フルサイズのdivsブラウザスクロールバーを表示

問題は、私は、私はまだ次のような問題を持ってみてくださいどのように関係なく、ではありません:

two sets of scrollbars http://www.wikiforall.net/bad_scrollbars.png

だから、成功し、ブラウザウィンドウを満たすコンテンツbeneaht、ギャップがあるようです。このギャップによって、垂直スクロールバーが表示されます(右側に同様のギャップがあり、見やすくないようです)。私はChromeの要素インスペクタを使用して要素を検査しました。<html>タグは、までのまでしかカバーしていません。だから私はギャップがどこから来ているのか分からない。

メインページのdivは、position: absoluteで設定され、左、右、上、下のすべてがゼロに設定されています。これらのdivにはdisplay: inlineも設定されており、余白やパディングはありません。 htmlbodyタグのスタイルは同じです。

私は1日か2日は探していますが、私が見つけたものは何も働いていません。誰もこれらのスクロールバーを削除する方法を知っていますか?

答えて

2

あなたは、常に使用することができます。

overflow: hidden; 

は、スクロールバーを非表示にします。

+0

ああ、もちろん!それは私の問題を解決した、ありがとう! –

関連する問題