html - テーブルのスタイリングが IE で機能しない

Question

私はこのようなテーブルを持っています

<table>
<tr>
    <th>Heading</th>
    <td>body</td>
</tr>
<tr>
    <th>Heading</th>
    <td>body</td>
</tr>
</table>

デフォルトで見出しをフロートのままにする代わりに。上に座らせたい。

これが私のコードの例です - http://jsfiddle.net/PJQT8/1/

Answer 1

ヘッダー セルを独自の行に配置し、データ セルを独自の行に配置します。ヘッダー セルを左側の列に配置したくない場合は、そこに配置しないでください。

<table>
<tr>
    <th>Heading</th>
    <th>Heading</th>
</tr>
<tr>
    <td>body</td>
    <td>body</td>
</tr>
</table>

Answer 2

<table width="499" height="155" class="payment-details">
            <th width="186">Secure Payment details</th>
              <th>Delivery Address</th>
              <th>Billing Address</th>
                <tr class="card">

                    <td width="186">
                  <p>Jane Smith</p>                  </td>
                        <td width="140">
                  <p>Jane Smith</p>                  </td>
                        <td width="157">
                  <p>Jane Smith</p>                  </td>
                </tr>
                <tr class="billing">

                    <td>
                        <p>John Smith</p>                    </td>

                    <td>
                        <p>John Smith</p>                    </td>

                    <td>
                        <p>John Smith</p>                    </td>
                </tr>
                <tr class="delivery">

                    <td>
                        <p>John Block</p>                    </td>
                         <td>
                        <p>John Block</p>                    </td>
                         <td>
                        <p>John Block</p>                    </td>
                </tr>
                <tr class="delivery">
                  <td>&nbsp;</td>
                   <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
</table>