• ベストアンサー

このフレームを直してもらいたいのですが

わかりにくいかとは思いますが、 下のようなフレームを作っています。 ―――――――――――――――――― |           | |           |   ここがない→ |________ |__________ |                          | |                          | |___________________| まず「田」のテーブルを作って、下段を結合して一つにすると、 以上のようになってしまいます。なぜでしょうか? ソースを書いておきますので、直してもらえませんでしょうか。 -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff colSpan=5> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6> <P>aaaaa</P></TD></TR></TBODY></TABLE> </TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

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

  • ベストアンサー
noname#107580
noname#107580
回答No.1

こんにちは! <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE cellSpacing="0" cellPadding="0" bgColor="#000000" border="0"> <TBODY> <TR> <TD> <TABLE cellSpacing="1" cellPadding="7" border="0"> <TBODY> <TR> <TD bgColor="#ffffff"><P>aaaaa</P></TD> <TD bgColor="#ffffff">ここが消える→</TD> </TR> <TR> <TD bgColor="#ffffff" colSpan="2"><P>aaaaa</P></TD> </TR> </TBODY> </TD> </TR> </TABLE> </TBODY> </TABLE> </BODY> </HTML> colSpan=5とcolSpan=6 がおかしいですね。

nes_
質問者

お礼

本当だ!ありがとうございました!

その他の回答 (4)

  • 918BG
  • ベストアンサー率48% (476/984)
回答No.5

> 空タグには何か入れるのがいいですよ。 おっしゃる通りですね。うっかりしていました。Yumikoitさん、適切なフォローをありがとうございます。 それと、No.2の補足要求で「Netscape 7.1」で表示させたと書きましたが、今見たら「Netscape 7.0」でした。細かいことですが、動作確認のデータなので訂正させていただきます。

nes_
質問者

お礼

動作確認までしていただいてありがとうございました。 念のため、部屋は明日一杯まで開いておきます…

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.4

それと、空タグには何か入れるのがいいですよ。 全角(半角はダメ)スペースか、<BR>タグ、ダミー用のイメージ画像を入れる場合もあります。 <TD></TD> ではなく <TD><BR></TD> のようにするということです。

nes_
質問者

お礼

ありがとうございます

  • 918BG
  • ベストアンサー率48% (476/984)
回答No.3

No.2の918BGです。 それではというので、先程と同じHTMLをWindows 2000 pro のIEで表示してみると・・・本当だ! 右上のタテ線が消えてる。 さらにそれではというので、問題のHTMLのテーブル中に3段目の<TR></TR>を増やして、その中に<TD></TD>を6個並べてみました。つまり、「colSpan=5」に実質的な意味を持たせてやる訳です。 そうしたら、Windows環境でもちゃんと右上のタテ線が表示されましたよ。やってみて下さい。

nes_
質問者

お礼

はい!出ました(^^) -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff colSpan=5> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6> <P>aaaaa</P></TD></TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD></TR></TBODY></TABLE></TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

  • 918BG
  • ベストアンサー率48% (476/984)
回答No.2

おはようございます。あの~、切れてませんけど。 当方Mac環境ですが、質問者さんが提示されたHTMLをコピペしてInternet Explorer 5.1とNetscape 7.1の両方で表示してみましたが、テーブルの幅は変化するものの、矢印で示された右側のタテ線はちゃんと表示されております。 質問者さんのテスト環境(OSとブラウザの種類)を補足して頂いた方が良いのではないかと・・・。

nes_
質問者

お礼

ごめんなさい、OSは、Win Meです。

nes_
質問者

補足

おはようございます そうですか…IE5.5なのですが。 実はcolspanをいじったら(消したら)、表示されるようになりました。 -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6>aaa</TD></TR></TBODY></TABLE></TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

関連するQ&A