「HTMLのcolspanで、セルの幅が意図したとおりに一定の幅をとってくれない」という質問です。
以下のHTMLだと、意図どおりにどのセルもだいたい同じ幅で表示されるのに(上図)、
先頭の1行(xのセル)を削除すると、とたんにBのセル幅が縮まる(下図)のを回避する方法を教えていただけないでしょうか。
<td>タグで1つ1つに広さを指定する方法以外でお願いいたします。
※なお回答者が過去の質問の様子からポイントゲッター的であると判断した場合、回答をオープンしません。あしからずご了承ください。
<html>
<head></head>
<body>
<table border=1 width=50%>
<tr>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td rowspan=3>A</td>
<td colspan=2>B</td>
<td>C</td>
<td rowspan=2>D</td>
</tr>
<tr>
<td>E</td>
<td rowspan=2 colspan=2>F</td>
</tr>
<tr>
<td>G</td>
<td rowspan=2>H</td>
</tr>
<tr>
<td colspan=4>I</td>
</tr>
</table>
</body>
</html>
No.2
11
1
50pt
確かに、そうなることは確認しました。
最初の状態では、1行目にあきらかに5列(
どうしても、最初の状態と同じようにしたいのであれば、
<td colspan=2>B</td>
のところを、
<td style="border-right-width:0px">B</td> <td style="border-left-width:0px">＆nbsp;</td>
のようにすれば、見た目上はなんとかなりそうです。
No.1
48079
20pt
ブラウザはセルの幅や高さを必要分だけ用意するため当然の結果
><td>タグで1つ1つに広さを指定する方法
確かに面倒
＞以外
スタイルシートで最低幅を指定しておくと楽
min-width－スタイルシートリファレンス
koriki-kozou様、ありがとうございます。了解です。
No.2
111
ここでベストアンサー
50pt
確かに、そうなることは確認しました。
最初の状態では、1行目にあきらかに5列(
どうしても、最初の状態と同じようにしたいのであれば、
<td colspan=2>B</td>
のところを、
<td style="border-right-width:0px">B</td> <td style="border-left-width:0px">＆nbsp;</td>
のようにすれば、見た目上はなんとかなりそうです。
memamii様、親切なご回答、ありがとうございます。
たいへん助かりました。いるかをどうぞ。
きゃづみぃ
2010/04/27 10:15:11
627
626
lionfan
1
1
memamii様、親切なご回答、ありがとうございます。
たいへん助かりました。いるかをどうぞ。