« 1 つ新しい記事「」へ
1 つ古い記事「」へ »

休日表示付きリアルタイムカレンダー (小粋空間) と styleswitcher.js の併用時の不具合

2009 年 4 月 19 日 日曜日

このブログのカレンダーは小粋空間さんの 休日表示付きリアルタイムカレンダー を使わせてもらってます。そして、背景色の切り替えには styleswitcher.js を使っています。この 2 つを併用したときに Google Chrome 1.0.154.53 と Safari 3.2.2 で不具合が発生することが判明しました。IE 6 ~ 8, Firefox, Opera では大丈夫です。

現象

このカレンダーでは今日の日付の周りが線で囲まれるようになっていますが、Chrome と Safari ではその今日の行が右に寄ってしまうのです。しかも、「背景を黒くする」をクリックする度に右に寄っていってしまいます。

画像: リアルタイムカレンダー 1 画像: リアルタイムカレンダー だんだんずれていきます

対策

スタイルシート (css) を書き換えればこの現象を回避できます。このカレンダーでは今日の日付の td 要素に display: block が指定されています。これを削除すればこの現象を回避できるのですが、今度は firefox で線が表示されなくなってしまいます。そこで、firefox だけに display: block を適用するために html:not([lang*=""]) を使いましょう。

Before




After

td.today や td.tsaturday も同様です。

関連記事
  1. 背景色を黒くできるようにした
  2. WordPress 3.1.2
  3. WordPress 2.9.2

« 1 つ新しい記事「」へ
1 つ古い記事「」へ »

  • トラックバック

    URL:

  • コメント

  • コメント投稿

    ログイン する





    下記のタグが使えます (XHTML):
    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <img alt="" class="" height="" src="" width=""> <q cite=""> <span class=""> <strike> <strong> <sub> <sup>