サイドメニューをスクロール表示させる。
スタイルシート 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を指定すると常にスクロールバーが表示されます。
|
| コメントする (0)
| トラックバック(0)
|▲TOP

