Web サイトを構築していて、ネストされたテーブルを使用しました。コードは Chrome と Firefox では正常に動作しますが、Internet Explorer では思い通りに表示されません。
以下は、テーブルのコードです。
<table width=940>
<tr>
<td>
<img src="../../images/fix_header.jpg" alt="ローンシミュレーション" width="500" height="30"/>
<table width="500px" cellPadding="10px">
<tr>
<td>金額</td>
<td><input type="text" name="amount" id="amount" size="20" >円</td>
</tr>
<tr>
<td>期間</td>
<td>
<input type="radio" name="bonus" value="1x"/>
1年
<input type="radio" name="bonus" value="3x"
/>
3年
<input type="radio" name="bonus" value="5x"
/>
5年
</td>
</tr>
<tr>
<td></td>
<td align="right">
<input type="reset" value="リセット" style="width: 150px; height: 40px;">
<input type="submit" value="計算" onclick="calculate()" style="width: 150px; height: 40px;">
</td>
</tr>
</table >
<br>
<table width="500px" >
<tr>
<td>
</td>
<th >
1年<br><単利型>
</th>
<th>
3年<br><半年複利型>
</th>
<th>
5年<br><半年複利型>
</th>
</tr>
<tr>
<th >
受取利息<br>
(税引後)
</th>
<td>
<p id="intrest1" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円</p>
</td>
<td>
<p id="intrest2" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円</p>
</td>
<td>
<p id="intrest3" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円</p>
</td>
</tr>
<tr>
<th >
全額<br>
(利息込)
</th>
<td>
<p id="tot1" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円</p>
</td>
<td>
<p id="tot2" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円</p>
</td>
<td>
<p id="tot3" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円</p>
</td>
</tr>
</form>
</table>
この情報で十分だと思います。それがどのように見えるかを言葉から説明しようとします:
Internet Explorer では、<tr>
1 行に 1 行で表示したいところに、1 行が 2 行で表示されます。
私が言っていることを理解していただければ幸いです...誰かが私を助けることができれば本当に感謝しています