Sukarabe's Easy Living

サイドバーのレイアウトを少しだけいじった。カテゴリー別と月別のアーカイブ表示が縦にだらだらと表示されるのがなんとなく嫌だったので，インライン表示（横にずらずらと表示される）にしてみた。といっても，HTMLコードを直にいじることはしたくない。HTML自体はごく普通のリスト（箇条書き）のままがよい。CSS Level2には，before属性，first-child属性など便利なものがそろっているので（これは以前，谷賢一さんから教わった），それを利用して次のようにしてみた。

.sidebar #categories  li {display: inline;}
.sidebar #categories  li:before { content: "/ ";}
.sidebar #categories  li:first-child:before { content:""; }

なんとか意図している通りに表示できたようだ（うちはFirefoxなので）。と思っていたら，なんとIE(Internet Explorer)ではダメだ・・・。なんでさ？そうかIEがCSS2に対応してないって，こういうことだったのか。IEユーザ多いからなあ・・・。