雑記的な...

googleがGoogle Chromeという webブラウザを発表しました！あのgoogleのことですから、これからどう進化していくのか非常に楽しみです。

しかし、速攻不具合発見しました（不具合というべきか迷いますが）。

面白い物を見つけたので遊んでみました。

IE6以下ではボックスモデルの解釈やマージンの効き方が色々と特殊です。
IEでのみ動作確認していないために他のブラウザで大きく崩れているサイトもいくつか見かけます。

そうならないためにハックを使ったりなどして対処します。もう当たり前過ぎの作業になっていて悲しくなりますね。

しかし、「IE7.js」というライブラリをスクリプトを埋め込む要領でhead内に記述しておけば、IE6以下の挙動がCSS/XHTMLの仕様通りに動いてくれます。ハックが必要なくなるわけです。

かなり前ですが２ちゃんねるで使うためにstylishのCSSを書きました。
すごく簡単なものなので投稿せずに自分用です。これを書いているときに見つけたFirefoxの不具合？

さて、今回はCSSによって画像に影を付けるということをしてみました。
下のような感じになります。

考え方自体は簡単なのですが、初めて知ったことがありました。

フォントサイズ拡大縮小時のレイアウトの崩れを確かめていた時に気づいたこと。

IE7には「Ctrl∔マウスホイール」でフォントサイズだけでなく、サイトの全体をそのまま拡大縮小する素晴らしい機能があります。

その機能で縮小しみたら下の画像のようになってしまいました。
上の緑のバーはbodyの背景として表示していました。