rowspanとの表のセルの整列

Question

rowspanを持つセルを持つHTML表があります。基本的には、左側にrowspan = 2、右側に2列のセルがあります。私は右の柱を上に張りたい。ただし、右側のスペースは2つの列に均等に分割されます。高さを追加する：右側の最後の列に100％を追加するとChromeでのトリックが行われますが、FFやIEでは機能しません。

<table border="1" style="width: 200px;"> 
<tr> 
    <th>Col1</th> 
    <th>Col2</th> 
    </tr> 
    <tr> 
    <td rowspan="2">Some long cell here...The point is that the Col_A and Col_B should both stick to the top. I tried adding height: 100% to the last column (Col_B) but that does only work in Chrome. Firefox puts Col_B at the very bottom while IE seems to completely ignore it.</td> 
    <td>Col_A</td> 
    </tr> 
    <tr> 
    <td>Col_B</td> 
    </tr> 
</table> 

フィドル：https://jsfiddle.net/jtr1r132/1/

更新：

Pragnestは高追加、以下に示唆したように右（Col_A）上の最初の列に1ピクセルをChromeとFFのためにトリックを行います。しかし、IE（とEdge）ではまだ意図したとおりに動作しません。あなたの出力を達成するために、いくつかの代替に必要なあなたの場合にはhttps://jsfiddle.net/jtr1r132/9

Answer 1

：

はフィドルを更新しました。 次のように、2番目の列の高さを削除し、最初の列に1ピクセルの高さを設定して、自動的に出力を達成する必要があります。 HTMLの変更と同様に

以下のとおり -

<table border="1" style="width: 200px;"> 
 
     <tr> 
 
     <th>Col1</th> 
 
     <th>Col2</th> 
 
     </tr> 
 
     <tr> 
 
     <td rowspan="2">Some long cell here...The point is that the Col_A and Col_B should both stick to the top. I tried adding height: 100% to the last column (Col_B) but that does only work in Chrome. Firefox puts Col_B at the very bottom while IE seems to completely ignore it.</td> 
 
     <td style="height: 1px">Col_A</td> 
 
     </tr> 
 
     <tr> 
 
     <td >Col_B</td> 
 
     </tr> 
 
    </table>