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の恐怖」は解消されてました。。。
この辺りのブラウザによる表示違いは、昨日今日でさっぱり分からなくなってきました＾＾；
