このブログの背景画像を設定は、 以下のような感じのCSSで中寄せしているのですが、 これがなぜか、OperaとSafariでは右側に1 pixelずれてしまいます。

   1  html {
   2    background: #DCDCDC url(/images/bg.gif) top center repeat-y
   3  }

しょうがないので、サーバサイドでそのようなブラウザを検出して、 中寄せしているBlock要素の左側に、以下のように1 pixelだけ paddingを入れています。

   1  #base.center-fix {padding: 0px 0px 0px 1px}

こういう微妙な挙動の違いは、acidテストのような見た目で判断する テストではわかりにくいのかもしれないですね。

少し前になりますが、このブログでHatenaStarを使えるようにしました。 記事の右下の署名のところに表示されています。

このブログシステムでは、デフォルトの挙動だと、タイトルの右側に出てしまうので、以下のようなカスタムローダを使っています。

   1  document.observe('dom:loaded', function(){
   2    Hatena.Star.EntryLoader.loadEntries = function(){
   3      return #{entries.to_json}.map(function(entry){
   4        var star = $(['article_star_', entry[2]].join(''));
   5        return {uri: entry[0], title: entry[1],
   6          star_container: star, comment_container: star};
   7      });
   8    };
   9  });

loadEntriesはElementオブジェクト含む配列のリストを返す 必要があるのですが、これはPrototype.jsの$()関数のように、 ElementでもElement IDの文字列でも両方 受け取れるようにしたら、もっと便利かも。