« 東武・北海道展 | メイン | 大鏡 »

2004年10月03日

サイドバーに疑似フレームを

サイドバーというかサイドメニューに，BlogPeopleとかMyBlogListとかを入れているのだが，増えてくると縦に長くなってしまう。いろんなブロッグサイトを見ていると，スクロール・バーが付いているものがけっこうある。これって難しいんだろうなあ，と導入をあきらめていたところ，実はとっても簡単であることが分かった。

要は，スタイルシートで，overflow という属性を定義すればよいのだった。このことは，以下のサイトから学んだのだが，それほど高級テクニックというわけではないらしい。検索すると，山ほど情報が出てくる。

そこで，さっそくやってみた。スタイル・シートに次のような内容を記述して，たとえば，frameなるクラスを定義する。

.frame {
  overflow : auto;
  height : 300px;
  width : 100%;
}

そして，インデックス・テンプレートの方には，次のように書く。

<div class="frame">
ここに，リストの一覧あるいは，それがインクルードされるようなコードを記述する。
</div>

投稿者 sukarabe : 2004年10月03日 17:36

トラックバック

このエントリーのトラックバックURL:
http://njet.oops.jp/cgi/mt/mt-tb-alt.cgi/395

コメント

コメントしてください

comment spam対策のため，名前とメールの入力が必須になっていますが，メールアドレスは公開されません。Web SiteのURLは任意です。Type Key IDをお持ちの方はType Keyをサイン・インしてくださってもいいです。




保存しますか?