現象:
・中央に配置されているhtmlファイルを、ホームページビルダーで編集すると、左寄せになってしまう。
・ホームページビルダーの「自動修正」機能をオフにしても発生する。
・Firefoxでは問題が起こらず、IEで発生する。
原因:
・ホームページビルダーのデフォルトでは、以下の「DOCTYPE宣言」に変更される。
・<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
・このため、IEでは左寄せになってしまう。
(注)これは、「互換モード」
解決策:ホームページビルダーのDOCTYPE設定を変更する
1)「ツール」→「オプション」→「ファイル」
2)「DOCTYPEを出力する」にチェック
3)DOCTYPEを下記に変更
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(注)これは、「標準モード」
備考:
1)DOCTYPE宣言は、ソースの冒頭にあり、容易にチェック可能
2)DOCTYPE宣言とは、その文書のHTMLファイルのバージョン(仕様)をブラウザに伝えるためのもの
3)DOCTYPE宣言、「標準モード」と「互換モード」の差などについては、以下のサイトなど。
http://allabout.co.jp/internet/hpcreate/closeup/CU20070115B/
追記:
1)DOCTYPE宣言しない場合、IEでは左寄せになってしまう。
2)IEで左寄せになる問題は、DOCTYPE宣言によって、スタイルシート(CSS)の認識や表示の仕方に違いがあるため。
最近のコメント