MovableType・テンプレート・ブログカスタマイズの小粋なテクニック満載!

 


« 前のページ | HOME | 次のページ »

2006年04月05日

» 標準準拠モードと後方互換モード・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宣言について"
を参照してください。


★ この記事が参考になりましたら投票お願いします。


» 関連記事

» 投稿画像・イメージ画像に簡単に枠を付ける(MT共通) at 2006年04月03日

» 枠線(border)を変更する at 2006年04月02日




» トラックバックURL

トラックバックURL: http://atoria.sakura.ne.jp/mt/mt-tb.cgi/66





» コメントの投稿