Question

我正在建立一个网站，我使用嵌套表格，这些代码在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"
                             />
                            ３年
                            <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>显示在一行下面的两行中，我希望在一行中显示一行。

我希望你得到我所说的......如果有人能帮助我，我真的很感激。

Answer 1

使用您的代码的W3C validator Feed会引发多个错误

看到文件结尾，有开放元素。

未封闭的元素表。（表格宽度= 940）

首次纠正错误后，您应该再试一次。

Answer 2

对于初学者，您可以尝试以下步骤使代码有效：

关闭外围表，最后缺少</td></tr></table>。
删除</form>标记，不在任何地方打开。您应该将整个外围表放在<form></form>对中。
将＜単利型＞和其他表格标题字段替换为<単利型>，您应该使用HTML entities <>个字符

之后，在IE和Firefox中，结果看起来一样。它只是IE（和什么版本）的问题？我无法从你的问题的结果中更详细地看到你想要的东西。

Internet Explorer中的嵌套表

2 个答案: