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

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

Posted at February 16,2007 12:17 AM
Tag:[CSS, ManagementPage, SereneBach]

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

1.リンクにならない原因

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

2.変更方法

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

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

を追加してください。

3.注意事項

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


トラックバック

Serene Bach 管理メニューのユーザビリティを向上させる from SereneBach Lab
Serene Bach の管理画面左にあるメニューリストを IE6 で操作する時、文字にカーソルを重ねないとリンクが機能しないという不具合があるらしいです... [続きを読む]

Tracked on February 18, 2007 11:00 PM

管理画面、より便利に from てぃあら
管理画面の 左に並ぶ メニューって 文字の部分にカーソルを重ねないとクリックできなかったんですね。(これは IE6 での現象で、Firefox2 等では ... [続きを読む]

Tracked on March 1, 2007 6:51 PM

from *day after day...*
Serene Bach の管理画面左にあるメニューリストを IE6 で操作する時、文字にカーソルを重ねないとリンクが機能しないという不具合があります。小粋... [続きを読む]

Tracked on March 23, 2007 11:47 AM
コメント

yujiro さん、こんばんは。
こちらを読み、自分のところが「文字にカーソルを重ねないとリンクが機能しない」
ことを知って、変更しました。
気にもなってなかったんですが、変更してみると
やっぱりいいですね。
ありがとうございました。

[1] Posted by yumi : February 16, 2007 5:24 PM

>yumiさん
こんばんは。
ご利用&ご連絡ありがとうございました。
手前味噌で恐縮ですが、ちょっとしたことで意外に便利よくなるものです。

[2] Posted by yujiro : February 17, 2007 1:41 AM

やってみました?。
「ちょっとしたこと」だけど、その「ちょっと」の積み重ねがいいのです。

[3] Posted by さえら : March 1, 2007 6:52 PM

>さえらさん
こんばんは。
ご利用&トラックバックありがとうございました。
クリックがやりやすくなって、なかなかいいですよね。

[4] Posted by yujiro : March 1, 2007 9:15 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)