2008年12月18日に開催したCSS Nite in Ginza, Vol.29のフォローアップとして、鷹野雅弘のセッション『"Dreamweaverハック"って何だ?』のスライドと音声をシェアします。
デモ部分でちょっとバタバタしてしまいましたが、お伝えしたかったのは次の内容です。
- IE6のシェアは下がっているとはいえ、まだまだ対応が必要
- これまでIE6対応のために、XML宣言をつけないことが多かったのですが、XML宣言をつけるサイトが増えてきました
- XML宣言を入れると、Dreamweaverのデザインビューは互換モードっぽいレンダリングをする
- 「スターハック」(* html)は、Dreamweaverのデザインビューには無効。
- Dreamweaverのデザインビューを修正するためのCSSファイルを用意し、デザインタイムスタイルシートとして適用する(IE6用に上書きしたい内容をスターハックを付けずに上書きするイメージ)
補足
- デザインタイムスタイルシートは、ファイルごとに指定する必要があります。テンプレートの「親」に設定しても、「子」には反映されません。
- DreamweaverライブラリにCSSを適用する際にも、デザインタイムスタイルでの適用が有効です。
参照:DreamweaverでWeb標準(XHTMLとCSSでサイト構築)