サイドメニューをスクロール表示させる。

スタイルシート 2005年08月05日 19:50

サイドメニューのコメントなど、縦長になってしまい見づらくなったものに、スクロールバーを表示させるようにしてみました。

スタイルシートのoverflowプロパティを指定することで、指定した枠内からはみ出した部分の表示方法を設定します。

カスタマイズ箇所:fieldwalkのサイドメニュー[最近のコメント]

まず、任意の箇所にid属性を指定しておきます(例:div id="recent_comment">。そして、idにoverflowプロパティを指定。

.sidebar #recent_comment ul { height: 200px; width: 186px; overflow: auto; margin: 2px 6px 20px 2px; }


heightを200pxに指定してあるので、200pxを上回るとスクロールバーが表示されます。autoを指定するとボックス内に収まりきらなかった際にスクロールバーが表示されるのに対し、scrollを指定すると常にスクロールバーが表示されます。

エントリーをdel.icio.usに登録| コメントする (0) | トラックバック(0)▲TOP

トラックバック

コメント一覧

コメントを投稿

保存しますか?