http://www.youtube.com/watch?v=SHZFsJKlsuA

小気味のいい音楽が好印象。
Chromeのシンプルさを表現した映像らしいです。

こんなかわいらしいCMで好印象なGoogle Chromeですが、昨晩かなり苦しめられました＾＾；

先日、写真サイトのFotoGraffiに、CDPテンプレートをコソっと追加しました。せっかくなので、FotoGraffiの写真をテンプレートにしておきたいなぁと思ったのがきっかけだったのですが、このstyle2作成で、ハマってしまいました。

style2はボックスをセンタリングさせた、特に何の変哲もない2カラムのテンプレートですが、Firefoxが3になった頃から、この「センタリング」にホントに微妙で、だけど気になって仕方のない現象が発生するようになりました。

何と、背景画像が1pxずれちゃうんです。
これがまた何ともスッキリしないと言うか、何でずれるんだってしばらく悩んでましたが、この現象が発生するのは、

body{background-image...}

といった具合に、中央表示させる背景画像を"body"へ指定した場合。

もう少し突っ込んで話すと、新しいバージョンのFirefoxの垂直方向スクロールバーの横幅が奇数なのだからってのが理由らしい。（つーかこんなもの早くバージョンアップ時に修正してほしい）

できればHackを使いたくないので、WP Themeや、Graffi Rayのオリジナルテンプレートでは、これを回避するためのHTMLコーディングをしています。（要はdivを不必要且つ意味ありげに増やしているだけ）

しかし、今回FotoGraffiで使用したテンプレートは、着せ替えCSSで有名なCDP。
「着せ替え」なだけにHTMLコードはいじれません。。。
最近はその不具合もすっかり忘れていたので、やっちゃいました。もちろん全て画像作り上げたあとに。。。
とりあえず、

body,x:-moz-broken{
margin-left:-1px;
}

これで回避したのですが、気になるのは、Safari系。
自分のPCにはSafariは導入していませんが、話題にまかせ、とりあえずインストールしていたGoogle Chromeがsafariベースなので、こちらで確認。

って、ずれてるよ（深いため息）

で、あーだこーだしながら、色々試してたのですが、Safari系は諦めるという方向で。

ちなみにChromeはSafariでいうところの3.1相当らしいですが、こないだリリースされたSafari4だとどうなんだろ?

追記：で、最初のβ版をインストールしたままのChromeですが、ちょっと気になったので、最新版にバージョンアップさせたところ、昨晩苦しめられた「1pxの恐怖」は解消されてました。。。
この辺りのブラウザによる表示違いは、昨日今日でさっぱり分からなくなってきました＾＾；

関連する投稿

• エクレアの美味しい味付け（Xperia個人的おすすめアプリ）
• 二個目のエクレアを味わう（Xperia痛恨のアップデート2回目）
• ドーナツ食べ続けてはや半年、今度はエクレアを食べてみます。（XperiaをAndroid OS2.1へバージョンアップ）
• お、おそろしすぎる
• さよならガラケー、こんにちはアンドロイド。