DREAMWEAVER テンプレートのコメントタグで表示崩れ IE6
DREAMWEAVER テンプレート編集可能領域の多数使用とIE6の組み合わせ
<!-- InstanceBeginEditable name="main" -->
というコメントアウトタグを利用したDREAMWEAVERの独自機能、テンプレート。
たまに使いますし、便利な場合があります、ただしなぜか大規模案件には1度も使われる所は見た事なかったですね。
実は正当なマークアップ（validしてる）にも関わらず、IE6に限り表示崩れを起こす事がありました。
IE6の場合、コメントアウト部分が表示こそはされなかったんですが、1行分余白が出たりする事があったので、こういった事が起こる可能性がありそうです。
(X)HTML,CSS共にvalidしているものとして・・
- 他のブラウザで問題なく、IE6のみ編集可能領域の設定タグ直上にある<img>などが予期しない位置に飛び出している。
- 飛び出した要素を内包しているブロックはfloatがかかっている。
- 例えば2カラムレイアウトの場合で、左右どちらにも、一部編集可能領域を設定している。
テンプレートを外し、例えば左カラムとメインカラムの両方に入っていた編集可能領域を外し、一つにまとめると飛び出した画像の表示位置が予期した位置に戻ってくれて解決しました。
はっきりした原因はわからず、やっぱりIE6のコメントタグは気をつけないといけませんかね。
