» 標準準拠モードと後方互換モード・DOCTYPE宣言について
小粋空間のテンプレートを使用している場合、
FirefoxなどのMozilla系ブラウザとIE6ブラウザで見え方が違ってきます。
その中でも、CSSで画像に枠を付けている場合、枠がIE6では
表示されないという問題があります。
これは、小粋空間のテンプレートの最初の行で、XML宣言を
しているのが原因らしいです。
実はIE6にはDOCTYPE宣言を1行目(先頭)に書かないと、
必ず「後方互換モード」として解釈されてしまうというバグが存在します。
つまり1行目にXML宣言が記述されているとこのバグが発生します。
IE6の後方互換モードではimg要素のpaddingプロパティが有効にならないため
(標準準拠モードでは問題なく表示されます。)CSSで画像に枠をつけると
IE6では表示されないのです。
この問題を回避するには、テンプレートの最初の行に宣言されている
XML宣言を削除する必要があります。(※以下参照)
<?xml version="1.0" encoding="utf-8"?>
IEでプレビューしたときに画像に枠が
ついてないようでしたら一度試してみてください。
詳しくは「小粋空間」の記事、
"標準準拠モードと後方互換モード・DOCTYPE宣言について"
を参照してください。
秋月 錬
