ホームページビルダー14で作成したサイトがＩＥ８でずれる問題について

2013/07/27 18:53

このQ&Aのポイント

ホームページビルダー14で作成した自分のサイトがＩＥ８でずれている問題について相談です。スタイルシートを使用して作成しており、表（テーブル）を含む部分が左揃えになってしまいます。ビルダーのプレビューでは正しく表示されるのですが、他のブラウザやI-phone5ではずれることがあります。CSSに問題があるのでしょうか？修正方法を教えてください。
ホームページビルダー14で作成した自分のサイトがＩＥ８で表示がずれる問題が発生しています。スタイルシートを使用して作成しており、表（テーブル）を含む部分だけが左揃えになってしまいます。ビルダーのプレビューでは正しく中揃えに表示されるのですが、他のブラウザやI-phone5ではずれます。CSSに問題があるのか、修正方法を教えてください。
ホームページビルダー14を使用して作成した自分のサイトがＩＥ８でずれる問題について相談です。スタイルシートを使用しており、表（テーブル）を含む部分が左揃えになってしまいます。ビルダーのプレビューでは正しく表示されるのですが、他のブラウザやI-phone5ではずれることがあります。CSSに問題があるのでしょうか？修正方法を教えてください。

noname#191181

ホームページ作成ソフト
回答数1
ありがとう数3

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2013/07/27 20:23 回答No.1

他のブラウザだといかがですか？　例えば、最も標準に準拠していると思われるfirefoxでは？？テキストエディタで開いて、最初のDOCTYPEを <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> と <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 相互で書き換えてみる。＞スタイルシートを入れて作っています。　その意味を全く分かってない。　スタイルシートを使うと言うことは、　⇒2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 ) 　と言うことですよ。でしたら<table>でデザインすることはありえませんし<br>なんて、決して登場しないはずです。ましてや<font>なんてありえません。 (注)いまどき、transitialは使うべきではないでしょう。(ビルダーの設定でstrictに変えておきましょう。)『strict DTD に適合する文書を作るよう推奨する。1999年勧告HTML4.01( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』　 ※段落は必ず<p></p>で、段落間のスペースはスタイルシートで調整する。BRは通常のHTMLには登場することがありません。 ※fontは、廃止される(strictでは、とうに廃止されている)スタイルシートで指定します。たったコレだけですむ。 ★タブは＿に置換してあるので戻すこと★ ★Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) 　の右上のDATAをクリックしてソースを貼り付けてチェック <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css">  ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<p><img src="06093001.gif" width="275" height="27" alt="oooooooooooo"></p> ＿＿<p>oooooooooooooooooooooooooooooo</p> ＿＿<p>ooooooooooooooooooooooooooooooooooooooooooooooooooo。</p> ＿＿<p>oooooooooooooooooooooooooooooooooooooo</p> ＿</div> ＿<div class="section"> ＿＿<p><img src="qrcode1.gif" width="60" height="60" alt="">携帯用掲示板ＱＲコード</p> ＿</div> ＿<div class="footer"> ＿＿<p>since 2005.9.30</p> ＿</div> </body> </html>

質問者