ヤフオクのHTML説明文表示が少し変です

質問

お世話になります。
現在ヤフオクの出品に際しまして、HTMLで出品商品の説明文の登録作業をしているのですが、その文面の冒頭の箇所だけが、<center>指定をしているのに、中央揃えで表示されず、左端に行ってしまいます。
このHTMLソースは、IE6.0及び、HTMLエディタの「AmBuilder」というソフトでは、きちんと（冒頭行も）中央揃えで表示されています。しかし、ヤフオクにこのソースを登録すると、上記のような症状になってしまいます。
※下のソース内の「●商品説明●」という文字だけ（<center>表記をしているのに、していないように）左寄りで表示されます。それより以下は、キチンと中央揃えで表示されています。

原因がお分かりの方、宜しくご教授をお願いいたします。
※この場所では、字数制限で全部は書けないので、冒頭の方のみ書かせて頂きます。感じとしては、以下の「●商品説明●」の前後のソースを、タイトルを変えて、3回繰り返すような形です。
どなた様か、お答え頂けたときには、そちらの返信に全文載せさせて頂きたいです。

<center>
<table border=0 cellspacing=0 cellpadding=1 width=80%>
<tr>
<td bgcolor=FFAE35>
<table width=100% border=0 cellspacing=0 cellpadding=2 bgcolor=#ffffff>

<tr><td bgcolor=FFAE35><font size=-1><b><center>●商品説明●</b></center></font></td></tr>
<tr><td height=5></td></tr>
<tr><td><p style ="line-height:150%"><font size=-1>説明本文1</font></td></tr></p>
<tr><td height=5></td></tr>

</table>
</table>
</center>

回答No.1

noname#20925 · ベストアンサー

<tr><td bgcolor=FFAE35><font size=-1><b><center>●商品説明●</b></center></font></td></tr>
↑この行を
<tr><td bgcolor=FFAE35 align="center"><font size=-1><b>●商品説明●</b></font></td></tr>

で大丈夫だと思うんですが、とりあえず↓の欄にhtml全文をどうぞ。

お礼

お礼が遅くなってしまい申し訳ありません！
ご回答頂いたように記述してみましたところ、キチンと表示されるようになりました！

解決しましたので、HTML全文を書くのは控えますが、ご親切に全文掲載も勧めて頂きまして、有り難うございました。

お忙しいところ、素早いお答えを頂きまして、誠に感謝いたします。また何かの折には、よろしくお願いいたします。
お世話になりました！

＜変だった原因について＞
変だった原因は、最初の行の<center>が、何度書いても、取り消されるせいだったようです（後ろの</center>の方は残っていました）。
説明文などを一旦記入した後、書き直し操作である「修正する」を選択して、元のHTML入力画面に戻った時に気づきました（その時には、書いた筈の1行目の<center>が消えていました。しかし、2行目以降の表記は消えていませんでした）。

私の全体的にグダグダなHTML表記が原因で、タグ同士の干渉などで、無効扱いの表記になっていたのかな？と思いますが、結局のところ原因はよく分かりません（その後、他の箇所でも幾つか同様の症状（書いていたのに、消されてる）が出ました）。
ただ、ご教授頂きました様に、align表記を使うようにいたしました所、正常に表示されるようになりました。

回答No.3

naokita

<td>　内に　align="center">　でＯＫ
---------------------------------------
<tr>
<td bgcolor=FFAE35 align="center"><font size="-1"><b>●商品説明●</b></font>
</td>
</tr>
---------------------------------------

今後の為に「値」にも「"値"」のように「"」を付けたほうがいいですよ。

＃１，２さんのご指摘（ちぐはぐになっいてる）のように
左右対称になるようにする。
タグには、親子関係があるので子タグが親タグの外に出ないようにする。

お礼

お礼が遅くなりまして、申し訳ありません！
値をクォテーションで囲む件、勉強になりました。

お三方とも優劣付け難いアドバイスを頂きまして、大変感謝しておりますが、今回は先着順にということで、naokita様には大変申し訳ありませんが、ポイントの方は前者のお二方に発行させて頂きます。ごめんなさい！

※尚、口答えする訳ではないのですが、ヤフオクの商品解説文に記述するスペースでは、「"」の記述は省略されるようですね。
ヘルプリンク先の「Another HTML-lint」などでは、省略記述には注意が下ったりするのに、ヤフオク本体では書いても意味が無い（と思う）というのは、なんだか変なの～と思いましたｗ

しかしながら、正規の記述では、これを入れるのが必要なようですし、別の場所での記述では注意したいと思います。お忙しい中、ご指導頂きまして、有り難うございました。

それでは、また何かの折には、宜しくお願いいたします。
この度は、お世話になりました！

回答No.2

aqucent

えーと…。申し訳ないのですけれど、突っ込みどころが満載です。
今一度、各要素の親子関係を確認してみてください。

-- b要素とcenter要素の親子関係の不整合
×　<b><center>●商品説明●</b></center>
○　<center><b>●商品説明●</b></center>

-- table要素が入れ子になっているにもかかわらず、tr,td の終了タグが存在しない
(そもそも入れ子にする必要性もないです。説明の都合上、入れ子にしておきましたが。)
×　</table>
　　</table>
○　</table>
　　</td></tr>
　　</table>

-- p要素の終了タグが不正
×　<tr><td><p style ="line-height:150%"><font size=-1>説明本文1</font></td></tr></p>
○　<tr><td><p style ="line-height:150%"><font size=-1>説明本文1</font></p></td></tr>

お礼

お礼が遅くなってしまい申し訳ありません！
お忙しい中、グダグダな記述へのご注意・ご指導を賜りまして、有り難うございました。

>>申し訳ないのですけれど

とんでもありません。しっかり注意して頂きまして、有り難うございます。
フリーの既存ソースを、覚えたての知識で弄って書いていたので、本当に基本的なところすら失笑を禁じえない記述で恥ずかしく思いますｗ
今後は、もう少し突っ込みどころの少ない記述が出来るように頑張りたいと思いますｗ

それでは、また何かお世話になる事がありました時には、よろしくお願いいたします！この度は、お世話になりました！