« [html] ホームページビルダーの自動修正を止める | トップページ | 2つのテキストファイルの比較方法 »

[html] ホームページビルダーで編集すると、左寄せで表示される問題

現象:

・中央に配置されている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)の認識や表示の仕方に違いがあるため。

|

« [html] ホームページビルダーの自動修正を止める | トップページ | 2つのテキストファイルの比較方法 »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: [html] ホームページビルダーで編集すると、左寄せで表示される問題:

« [html] ホームページビルダーの自動修正を止める | トップページ | 2つのテキストファイルの比較方法 »