小粋空間  -  a cheap joke and a play on words site

IE6 + Serene Bach 管理メニューのユーザビリティを向上させる

Serene Bach の管理画面左にあるメニューリストを IE6 で操作する時、文字にカーソルを重ねないとリンクが機能しないという不具合があります（Firefox 2/ Opera9 等では正常に動作します）。
本エントリーでは、スクリーンショットのように、IE6 で文字以外の部分にカーソルを重ねた時にリンクとして機能させる方法を紹介します。

１．リンクにならない原因

文字以外の部分にカーソルを重ねてリンクが機能しないのは IE6 のバグのためです。IE7 ではこの問題が修正されています。

• CSS実装徹底検証! そこが知りたいInternet Explorer 7：ブロック要素化したリンク範囲が機能するように修正

２．変更方法

lib/resource/ja/style.css をダウンロードし、任意のエディタで開きます。
そしてファイルの一番最後に、下記の 1 行

.mainmenu .menu a:link {
    _width: 100%;
}

を追加してください。

３．注意事項

• 一般的なお作法として、追加した一番最後の行の末尾 "}" の後ろには改行を入れましょう。
• 上記リストにある ".menu" の直前の半角空白をなくすと別の場所にあるメニューが崩れます。
• width プロパティの前のアンダースコアを外すと Firefox で表示が崩れます（が、IE しか使わないのであれば問題なし）。