ここから本文です

解決済みの質問

知恵コレに追加する

HTMLでテーブルを作る際、結合したセルの中身に下のセル幅が引っ張られるのですが...

kohaku_masatosiさん

HTMLでテーブルを作る際、結合したセルの中身に下のセル幅が引っ張られるのですが、どうにかなりませんか?

具体的には、テーブルを作って1行目のセルを結合。
その結合したセルに長い文字を入力したところ、2行目の「1列目」のセル幅がどんどん横に伸びてしまうのです。
2行1列目のセルにwidth属性を設定したりしましたが、文が長いとやはり無視されてしまいます。


<html>
<head></head>
<body>
<table border=4 width=100% align=center>
<caption>【テーブル例】</caption>
<tr bgcolor="#cccccc">
<th colspan=5 align="left">0100000</th>
</tr></div>
<tr align=center>
<td rowspan=3 width=100><a href="#"><img scr="#" alt="#" width="100" height="100"></a></td>
<td>A1</td>
<td>B1</td>
<td>C1</td>
<td>D1</td>
</tr>
<tr align=center>
<td>A2</td>
<td>B2</td>
<td>C2</td>
<td>D2</td>
</tr>
<tr align=center>
<td>A3</td>
<td colspan=2>B3-C3</td>
<td>D3</td>
</tr>
</table>

</body>
</html>

以上のようなテーブルなのですが、どうにかならないでしょうか?

違反報告

ベストアンサーに選ばれた回答

margin0pxさん

2列目以降も幅を指定したらいかがですか?
<table border="4" width="100%" align="center" cellpadding="0" cellspacing="0">
<caption>【テーブル例】</caption>
<tr bgcolor="#cccccc">
<th colspan="5" align="left">0100000</th>
</tr>
<tr align="center">
<td rowspan="3" width="100"><a href="#"><img src="・・・" width="100" height="100" alt="#" border="0"></a></td>
<td width="22%">A1</td>
<td width="23%">B1</td>
<td width="23%">C1</td>
<td width="23%">D1</td>
</tr>

  • 違反報告
  • 編集日時:2009/3/31 17:12:32
  • 回答日時:2009/3/31 17:08:21
この質問・回答は役に立ちましたか?
役に立った!

お役立ち度:お役立ち度 0点(5点満点中)0人が役に立つと評価しています。

この質問に付けられたタグ

タグとは

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。

お客様自身の責任と判断で、ご利用ください。

ただいまの回答者

01時09分現在

3432
人が回答!!

1時間以内に7,064件の回答が寄せられています。

>>回答ひろばに行く