<table>を複数使用するレイアウトでの質問です。

質問

<table>を複数使用するレイアウトでの質問です。

<table width=30% align=left><tr><td>A</td></tr></table>
<table width=70%><tr>
<td width=20%>B-1</td>
<td width=80%>
<table width=100%><tr>
<td width=25%>C-1</td>
<td width=15%>C-2</td>
<td width=15%>C-3</td>
<td width=15%>C-4</td>
<td width=15%>C-5</td>
<td width=15%>C-6</td>
</tr></table>
</td>
</tr></table>

<table width=30% align=left><tr><td>D</td></tr></table>
<table width=70%><tr>
<td width=★%>E-1</td>
<td width=☆%>
<table width=100%><tr>
<td width=20%>F-1</td>
<td width=20%>F-2</td>
<td width=20%>F-3</td>
<td width=20%>F-4</td>
<td width=20%>F-5</td>
</tr></table>
</td>
</tr></table>

・”★%”は、（”B-1”＋”C-1”）と同じ幅
・”☆%”は、（100%-”★”）の値
・F-1～5は20%としたのですが（=100%）、C-2～6と同じ幅になるかどうか

どのようにすれば求められるかご指導お願い致します。

回答No.1

fujillin · ベストアンサー

80%の25%は0.8×0.25=0.2なので、元の20%に当たります。
なので、★を40%、☆を60%にすればほぼ同じになるはず。
（ボーダーとか入れるといろいろ違ってくるかも）

でも全体で揃えたいのなら、テーブルをたくさん使わずに1つのテーブルで表示するほうが確実です。
（数字が割り切れないので、若干各セルの幅は変えています）
<table width="100%">
<tr>
<td sidth="27%">A</td>
<td width="14%">B-1</td>
<td width="14%">C-1</td>
<td width="9%">C-2</td>
<td width="9%">C-3</td>
<td width="9%">C-4</td>
<td width="9%">C-5</td>
<td width="9%">C-6</td>
</tr>
<tr>
<td>D</td>
<td colspan="2">E-1</td>
<td>F-1</td>
<td>F-2</td>
<td>F-3</td>
<td>F-4</td>
<td>F-5</td>
</tr>
</table>

お礼

>80%の25%は0.8×0.25=0.2なので、元の20%に当たります。
>なので、★を40%、☆を60%にすればほぼ同じになるはず。
無事に解決できました！！！
80%の25%が、元の20%にあたるという考えが出てきませんでした。
本当に助かりました。ありがとうございます！

>でも全体で揃えたいのなら、
>テーブルをたくさん使わずに1つのテーブルで表示するほうが確実です。
ありがとうございます。
現在の作業上、１つのテーブルでの処理は適合しなかったので、
複数テーブルでの検討をしました。