こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Dreamweaverのデザインで表示がおかしい時

IEだと綺麗に表示されるけど、Dreamweaverのデザインで見ると表示がおかしい時って結構あり困ってます。
ソースフォーマットとかやってもやはり駄目です。
今回の場合、どのタグが悪そうでしょうか?

<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP">
</HEAD>
<BODY>
<BR>
<BR>
<BR>
<TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0>
<TBODY><TR><TD>
<TABLE cellSpacing=2 cellPadding=1 width="100%" border=0>
<TBODY>
<TR bgColor=#0066cc>
<TD align=middle><SMALL><B><FONT color=#ffffff>
テキストツール
</FONT></A></B></SMALL>&nbsp;
</TD></TR>
<TR bgColor=#ffffff>
<TD align=middle>
<TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0>
<TBODY>
<TR valign=top>
<TD width="100%" valign="center" align="center">
<BR><A>トップページ</A><BR><BR>
</TD>
</TR>

<TR valign=top>
<TD width="100%" valign="top" align="center">
<A HREF="list">あ</A><BR><BR>
<A HREF="clist">い</A><BR><BR>
<A HREF="slist">う</A><BR><BR>
</TD>
</TR>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</BODY></HTML>

投稿日時 - 2004-10-21 11:40:10

QNo.1049895

困ってます

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

こんにちは。
<TBODY></TBODY>タグの記述がおかしと思います。
3つある<TBODY></TBODY>タグを削除してソースフォーマットの適用をしてみてください。
(ソースフォーマットの適用をしてからタグを削除しても可)

HTMLタグの記述が多少おかしくてもブラウザでは表示されることがあります。
それは「とりあえず表示ができている」というものであって、所詮正しいタグではありません。
自分では見えているつもりでもいろいろな環境で閲覧してみるときちんと表示されていない場合がありますので、正しいタグを記述することが大切です。

投稿日時 - 2004-10-21 12:31:13

お礼

<TBODY>削除してみましたが、やはり少しおかしくなってしまいます。HTMLのタグチェッカにかけたところ「がんばりましょう」だったので相当ぼろぼろっぽいです。
http://www.game3rd.com/dreamweaver/extensions/info/70.htm
のHTML Tidyを使ってみましたが日本語が化け化けで。
おしいぃって感じです。

投稿日時 - 2004-10-21 13:38:38

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

こんばんは。
ご質問のタグの中で間違っている記述について補足させていただきます。
まず<TBODY></TBODY>タグを削除。
テキストツール、と書かれている次の行の</a>を削除。
下から6行目の</TD>と下から5行目の</TR>を削除。

Dreamweaverの4.02では<TBODY></TBODY>以外のタグは「ソースフォーマットの適用」で削除されます。

正しい記述は以下のとおりです。

------------------------------
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP">
</HEAD>
<BODY>
<BR>
<BR>
<BR>
<TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=1 width="100%" border=0>
<TR bgColor=#0066cc>
<TD align=middle><SMALL><B><FONT color=#ffffff>
テキストツール
</FONT></B></SMALL>&nbsp;
</TD></TR>
<TR bgColor=#ffffff>
<TD align=middle>
<TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0>
<TR valign=top>
<TD width="100%" valign="center" align="center"> <BR><A>トップページ</A><BR>
<BR>
</TD>
</TR>
<TR valign=top>
<TD width="100%" valign="top" align="center">
<A HREF="list">あ</A><BR><BR>
<A HREF="clist">い</A><BR><BR>
<A HREF="slist">う</A><BR><BR>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</BODY>
</HTML>
------------------------------

画面に対して幅95%のテーブル1がある。
テーブル1の中に幅100%の2行のテーブル2がある。
テーブル2の1行目に「テキストツール」の文字、2行目に幅95%の2行のテーブル3がある。
テーブル3の1行目に「トップページ」の文字、2行目に「あ」「い」「う」の文字でそれぞれにリンクがはってある。

投稿日時 - 2004-10-21 20:23:29

お礼

ソースフォーマットではただ見やすくするだけでなく余計なタグは削除されるんですね。知りませんでした。ありがとうございます。

投稿日時 - 2004-10-24 15:11:34

あなたにオススメの質問