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

解決済

質問者：natsuyori
質問日時：2004/10/21 11:40
回答数：2件

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>
</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>

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： canaanium
回答日時：2004/10/21 12:31

こんにちは。

<TBODY></TBODY>タグの記述がおかしと思います。
３つある<TBODY></TBODY>タグを削除してソースフォーマットの適用をしてみてください。
（ソースフォーマットの適用をしてからタグを削除しても可）

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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2004/10/21 13:38

No.2

回答者： canaanium
回答日時：2004/10/21 20:23

こんばんは。

ご質問のタグの中で間違っている記述について補足させていただきます。
まず<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>
</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%のテーブル１がある。
テーブル１の中に幅100%の2行のテーブル２がある。
テーブル２の1行目に「テキストツール」の文字、2行目に幅95％の2行のテーブル３がある。
テーブル３の1行目に「トップページ」の文字、2行目に「あ」「い」「う」の文字でそれぞれにリンクがはってある。