※ ChatGPTを利用し、要約された質問です(原文:4カラムのテーブルに絶対幅と相対幅の混在指定の可否)
4カラムテーブルの絶対幅と相対幅の混在指定の方法は?
このQ&Aのポイント
4カラムのテーブルに絶対幅と相対幅の混在指定の方法について教えてください。
テーブルの幅が異なる場合にも、1~2列目は絶対幅、3~4列目は相対幅で指定する方法を教えてください。
テーブル自体の幅によって、1~2列目の幅を侵食せずに、3~4列目を均等に揃える方法が知りたいです。
4カラムのテーブルに絶対幅と相対幅の混在指定の可否
以下のHTMLで、1列目は20ピクセル(?)、2列目は100ピクセルに幅が固定されているとして、
3~4列目、黄色と青のカラムの幅を均等に揃える方法はありませんか。
3~4列目の幅を<col=50%>ととると、1~2列目の幅が侵食されて崩れます。
ごらんのとおり、テーブル自体の幅は100%なので、モニタやブラウザの表示幅によってテーブル自体の幅も異なってくるため、
4カラムのテーブルのうち、1~2列目は絶対幅、3~4列目と相対幅と混在指定できればよいのですけど。
<html>
<body>
<table border=1 cellpadding=3 cellspacing=0 width=100%>
<col width=20>
<col width=100>
<col>
<col>
<tr>
<th rowspan=2 style="writing-mode: tb-rl;">基本情報</th>
<th>プロジェクト</th>
<td colspan=2>あいうえおあいうえおあいうえおあいうえお
</tr>
<tr>
<th>概要</th>
<td colspan=2>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td>
</tr>
<tr>
<th colspan=2>コメント</th>
<th bgcolor=yellow>当方から</th>
<th bgcolor=blue>先方から</th>
</tr>
<tr>
<th colspan=2>第1回会合</th>
<td>◆ いいいいいいいいいいい<br>◆ うううううう</td>
<td>◆ ええええええええええええええ<br>◆ おおおおおおおおおおおおおおおおおおおおおおおおおおおおお</td>
</tr>
</table>
</body>
</html>
お礼
DrFellさん、早速レスありがとうございました。 ばっりち解決しました。めからうろこです。助かりました。