2011-07-03 4 views
2

CSSコーディングに本当に手を携えてから約5年が経ちました。私は時代遅れのコードを使用している可能性があります。しかし、すべてが正常に動作するようだが、スクロールバー。作成するdiv要素にスクロールバーを追加することはできますが、ページをスクロールすることはできません。私はオーバーフローを追加しようとしました:自動;オーバーフロー:スクロール;私のボディタグのオプションは何も動作しません。私も同様に使用しているコーディングを含んでいますが、別のスクロールタグセットが含まれていないことをダブルチェックとトリプルチェックしました。問題が何であるか誰にでも見えますか? CSSが古くなってしまうかもしれませんが、オーバーフロータグだけを使用すると言われています。ありがとう!
また、content要素はページよりも長く設定されているため、スクロールバーが機能するかどうかはわかりますが、オーバーフロー:scrollを追加します。私のbodyタグにスクロールバーが表示されますが、機能しません。ブラウザはページをスクロールしません。古いCSSを使用していますか?

CODING:

<style> 
body{background: #000000; font-family: tahoma;} 

#content{position: fixed; top: 155px; left: 347px; overflow: auto;} 

.content{height: 800px; width: 506px; color: #FFFFFF; overflow: auto;} 

#navigation{position: fixed; top: 155px; left: 153px;} 

.navigation{height: 643px; width: 184px; background: #000000;} 

a:link{display: block; background: #A70000; font-family: tahoma; font-size: 14pt; text-decoration: none; color: #FFFFFF; border-left: 3px #D50000 solid; width: 

180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;} 

a:hover{display: block; background: #A70000; font-family: tahoma; font-size: 14pt; text-decoration: underline; color: #FFFFFF; border-left: 3px #D50000 solid; 

width: 180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;} 
</style> 
+0

http://jsfiddle.net/表示し、HTML/CSS/JSを実験する典型的な方法です。 JS-fiddleをセットアップすると、人々がデバッグを手助けすることができます。 – ricosrealm

+0

私はそれを作成しましたが、それが正しいかどうかはわかりません。私が言ったように、私はこれのようなことをやろうとして以来、永遠に続いています。私はそれについて本当に残念です。 [フィドル](http://jsfiddle.net/fMhCQ/) – Kourtnie

+0

問題は位置から来るかもしれないと思います:それはあなたのdivをユーザーのビューポートにロックするので固定されていますが、ページが表示されるまであなたのケースではわかりませんjsfiddleの設定。 – ricosrealm

答えて

5

問題は、位置と一緒に表示されます。固定。

位置:relativeは、コンテンツをスクロールできるようにします。

http://jsfiddle.net/fMhCQ/13/

+0

ありがとう! :)感謝の印として答えに – Kourtnie

+0

投票;) – ricosrealm

関連する問題