初心者に毛が生えたレベルだと思っています。今まで問題なかったのですが、自分のホームページをＩＥ８で見るとずれています。今ではそんなことはなかったのですが・・・。スタイルシートを入れて作っています。４つぐらいに区切っており、の部分で、表（テーブルというのでしょうか）を入れると、それだけが、左揃えにくるのです。表にしていない部分はなか揃えになっています。ビルダーのプレビューでは、きちんとすべてが中揃えになります。 oooooooooooo oooooooooooooooooooooooooooooo ooooooooooooooooooooooooooooooooooooooooooooooooooo。 oooooooooooooooooooooooooooooooooooooo 携帯用掲示板ＱＲコード since 2005.9.30 他のパそこんでは、中揃えで見えます。下半分のが左に寄ってしまいます。 I-phone５で見てもずれています。 CSSに問題があるのでしょうか？修正できるでしょうか？

他のブラウザだといかがですか？例えば、最も標準に準拠していると思われるfirefoxでは？？テキストエディタで開いて、最初のDOCTYPEをと相互で書き換えてみる。＞スタイルシートを入れて作っています。その意味を全く分かってない。スタイルシートを使うと言うことは、 ⇒2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 ) と言うことですよ。でしたらでデザインすることはありえませんしなんて、決して登場しないはずです。ましてやなんてありえません。 (注)いまどき、transitialは使うべきではないでしょう。(ビルダーの設定でstrictに変えておきましょう。)『strict DTD に適合する文書を作るよう推奨する。1999年勧告HTML4.01( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』 ※段落は必ずで、段落間のスペースはスタイルシートで調整する。BRは通常のHTMLには登場することがありません。 ※fontは、廃止される(strictでは、とうに廃止されている)スタイルシートで指定します。たったコレだけですむ。 ★タブは＿に置換してあるので戻すこと★ ★Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) の右上のDATAをクリックしてソースを貼り付けてチェック＿＿サンプル＿＿＿＿＿＿＿＿＿タイトル＿＿このページでは・・・・＿＿＿＿＿＿ oooooooooooooooooooooooooooooo ＿＿ ooooooooooooooooooooooooooooooooooooooooooooooooooo。＿＿ oooooooooooooooooooooooooooooooooooooo ＿＿＿＿携帯用掲示板ＱＲコード＿＿＿＿ since 2005.9.30 ＿

ホームページビルダー14で作成しています。

解決済

質問者：kkk-ky
質問日時：2013/07/27 18:53
回答数：1件

初心者に毛が生えたレベルだと思っています。

今まで問題なかったのですが、自分のホームページをＩＥ８で見るとずれています。
今ではそんなことはなかったのですが・・・。

スタイルシートを入れて作っています。
４つぐらいに区切っており、の部分で、表（テーブルというのでしょうか）を入れると、それだけが、左揃えにくるのです。表にしていない部分はなか揃えになっています。

ビルダーのプレビューでは、きちんとすべてが中揃えになります。


<div id="cont"><BR>
<BR>
<BR>
<BR>
<IMG src="06093001.gif" width="275" height="27" border="0" alt="oooooooooooo"><BR>
<FONT size="-1">oooooooooooo</FONT><BR>
<BR>
<BR>
<FONT color="#330000" size="-1">oooooooooooooooooooooooooooooo<BR>
ooooooooooooooooooooooooooooooooooooooooooooooooooo。<BR>
<BR>
<B>oooooooooooooooooooooooooooooooooooooo</B></FONT><BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<table border="0">
<tbody>
<tr>
<td><IMG src="qrcode1.gif" width="60" height="60" border="0" alt="http://bbs9.fc2.com/php/e.php/bbs~oooooooooooooo …
<td valign="bottom"><font size="-2">携帯用掲示板ＱＲコード<br>
</font></td>
</tr>
</tbody>
</table>
<BR>
<TABLE>
<TBODY>
<TR>
<TD><font color="#330000" size="-1"><b><font color="#999999">since 2005.9.30</font></b></font></TD>
</TR>
</TBODY>
</TABLE>
</div>


他のパそこんでは、中揃えで見えます。
下半分の<TABLE>が左に寄ってしまいます。
I-phone５で見てもずれています。

CSSに問題があるのでしょうか？

修正できるでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2013/07/27 20:23

他のブラウザだといかがですか？

例えば、最も標準に準拠していると思われる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-html4 … )
　と言うことですよ。でしたら<table>でデザインすることはありえませんし<br>なんて、決して登場しないはずです。ましてや<font>なんてありえません。

(注)いまどき、transitialは使うべきではないでしょう。(ビルダーの設定でstrictに変えておきましょう。)『strict DTD に適合する文書を作るよう推奨する。1999年勧告HTML4.01( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
　
※段落は必ず<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>