CSS Nite in Ginza, Vol.31

2009年2月19日 木曜日

CSS Nite in Ginza, Vol.31 に参加してきました。今回は小林さんにり CSS レイアウト ： IE 6 対応のかんどころというテーマでの講演が行われました。

そして、今回で参加者が延べ 15000 人目を超え、ちょうど １5000 人目は自分でした。

IE 6 の後方互換モード (quirk mode) 時の対策についてと、hasLayout 周りを中心の内容でした。

• HTMLソースの見通しがよくなるならCSSハックは積極的につかっても
• IE 6 用のCSSハックは * html, _プロパティ, コンディショナルコメントあたり。* htmlがおすすめ
• 国内のいくつかの Web サイトのアクセス統計結果では IE のシェアは 80 ~ 90 % 程度で、IE 6 と IE 7 の割合は半々。IE 5.5 以下は 0.1 ~ 1 %
• IE 5.5 の表示結果 ≒ IE 6 の後方互換モード時の表示結果
• IE 6 対策として基本的には XML 宣言は書かない
• wordbreak : break-all と ovderflow : hidden を設定しておくとボックスの自動拡張を予防できる。特にCMS 利用時向け
• おかしな所に zoom : 1 ; を設定しておけば魔法みたいにけっこうなおる

hasLayout ネタで知らなかったことがあったので勉強になりました !!

XML 宣言を書かないべき理由は、text/html で配信されるであろうドキュメントに XML 宣言を書くのは微妙とかかな。逆に XML 宣言を書くなら XML として妥当ではないといけないのですが解析エラーのリスクが高いので text/html で配信しとけってことでしょう…と勝手に推測…。(XML の場合、閉じタグがなかったり入れ子がおかしかったりすると表示をしてくれずエラー表示されます。一方、text/html は閉じタグがなくても自動で補い表示することができます。)

あとは、文字サイズをそろえる小技の紹介もあったのですが、自分が使っている方法は一般的じゃなさそうなのでそのうち自分流 font-size 揃え CSS をこの Weblog にエントリーしようと思います。

終了後の懇親会では久しぶりに hoka さんとお会いできてブクマつかないよねーとか語り合いました。一通り回ってみた後、益子さんとか小林さんとか西畑さんのあたりに行ってみると… 10 人ほどでテーブルを囲んでいたのですが、じゃんけんをして負けた人が全員にドリンクをおごるという恐ろしい儀式が執り行われていました。2回混ざってやったのですがなんとか負けずにすみました。益子さん、ヴィッツさん、ご馳走様でした。

今回もいろいろ楽しめました。