htmlで2つの異なるデーブルの行の高さを揃えたいのですが....

質問

htmlで2つの異なるテーブルを作成しております。
その2つのテーブルの行をきれいにfirefoxとIEで揃えたいのですが、なかなか揃いません。ソースは長すぎてここには書けないので、htmlの画像を添付しています。

どうしたら揃うでしょうか。ご教授下さい。

回答No.1

yambejp · ベストアンサー

テーブルを並べずに、ひとつのテーブルでやってみては？

<style>
th{
background-Color:#c0c0ff;
}
th.blank{
background-Color:inherit;
}
td.red{
background-Color:#ff0000;
}
</style>
<table>
<tr>
<th rowspan="3">test</th>
<th rowspan="3">test</th>
<th rowspan="3">test</th>
<th rowspan="4" class="blank">&nbsp;</th>
<th colspan="5">○年○月</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</tr>
<tr>
<th>w</th>
<th>x</th>
<th>y</th>
<th>z</th>
</tr>
<tr>
<td class="red">1</td>
<td class="red">2</td>
<td class="red">3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
</table>

お礼

返事が大変遅くなり。申し訳ございません。
大変ヒントになりました。本当にありがとうございました。