<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と同じ幅になるかどうか

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

A 回答 (1件)

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>
    • good
    • 0
この回答へのお礼

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

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

お礼日時:2010/04/14 15:39

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

今、見られている記事はコレ!

おしトピ編集部からのゆる~い質問を出題中

お題をもっとみる

このQ&Aを見た人が検索しているワード


このQ&Aを見た人がよく見るQ&A

このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ