書いたHTMLを見てもらえないでしょうか

質問

HTMLで困ってしまいました…

<table width=100 rules="cols" border=1 align="right" cellspacing="0" cellpadding="0">
<TR bgcolor=white><TD><img width=100 height=100 src="test.jpg"></TD></TR>
</table>
たくさんあそんだ土曜日<br>
楽しかった日曜日<br>
<table width=1000>
<TR bgcolor=pink><TD>休日明け</TD></TR>
</TABLE>
ネコと遊んだ月曜日<br>
買い物をした火曜日<br>
よくわからない木曜日<br>
テレビをよく見た金曜日<br>

上記のようなソースを作ったのですが、IEで表示すると
<table width=1000>
<TR bgcolor=pink><TD>休日明け</TD></TR>
</TABLE>
この部分が画像の部分にかぶさって表示されてしまいます。
「width=1000」の数字を少なくする方法も試したのですが、
ウィンドウを小さくすると又画像にかぶさって表示されてしまって悩んでいます。
どうすれば、かぶさらないように表示できるのでしょうか。
どなたか詳しい方教えてください。
よろしくお願いします。

回答No.1

noname#56882 · ベストアンサー

<table width=1000>をpxで指定するのではなく「%で指定」するといいと思います。
余程小さい画面にしない限りかぶさることは無くなると思います。
［タグ参考］
<table width="100" rules="cols" border="1" align="right" cellspacing="0" cellpadding="0">
<tr bgcolor="white"><td><img width="100" height="100" src="test.jpg"></td></tr>
</table>
たくさんあそんだ土曜日<br>
楽しかった日曜日<br>
<table width="80%">　←この部分を任意の%で表記してください。
<tr bgcolor="pink"><td>休日明け</td></tr>
</table>
ネコと遊んだ月曜日<br>
買い物をした火曜日<br>
よくわからない木曜日<br>
テレビをよく見た金曜日<br>

余談ですが「width="100"」「height="100"」「border="1"」「bgcolor="white"」
「bgcolor="pink"」が正しいタグ表記です。

お礼

なるほど、助かりました！
ご回答ありがとうございます。