2012-03-14 4 views
0

私は、テキスト文書の横に沿って固定されたサイドバーを持っています。サイドバーのコンテンツは固定サイズのコンテンツ送信フォームであり、その下には送信されたコンテンツのリストがあります。もちろん、投稿されたコンテンツをスクロール可能にしたいので、オーバーフローがautoに設定されています。ただし、画面のサイズを小さくすると、コンテンツが含まれるdivが切り捨てられ、最後の数個のオブジェクトが失われます。CSS divが途切れている

現在サイドバーが固定されており、高さは100%で、送信フォームの高さが300ピクセルで、コンテンツリストの高さは、あなたはoverflow: scrollを70%

#sidebar{ 
    position:fixed; 
    height:100%; 
} 

#sidebarUL{ /*this is the submission list*/ 
    height:70%; 
    overflow: auto; 
} 
#draggable{ 
    /*height here depends on content ready for submission, though it is absolute; 400px etc*/ 
} 
+1

オーバーフロー:スクロール;スクロール可能なdivコンテンツを作成することです。詳細を説明したり、例を表示したりできますか? –

+0

@ pal-singhはあなたが答えを投稿したように見えます...あなたがコメントの代わりに "anwser"ボックスに投稿した場合、それは他の人にとってはもっとはっきりしています。 – JasonWoof

+0

私は答えとしてそれを掲示しました、あなたは今それをマークすることができます:) –

答えて

0

オーバーフローを使用:scroll;あなたの部門のスクロールバーを取得する

0

しようとしたことがありますか?

+0

ええ、私が実行する唯一の問題は、ウィンドウのサイズを変更するときです。ウィンドウの下部とスクロールバーの間のマージンは、スクロール可能なdivの終わりが画面から外れるまで減少します。 – user1268026

関連する問題