-1

I'm building a web site and I used nested tables, and the code works fine in Chrome, and Firefox and doesn't really show up in the way I want in Internet Explorer.

Below is the code for the table:

<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"　>円&lt;/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年&lt;br>＜単利型＞
                </th>
                <th>
                    3年&lt;br>＜半年複利型＞
                </th>
                <th>
                    5年&lt;br>＜半年複利型＞
                </th>
            </tr>

            <tr>
                <th >
                    受取利息<br>
                    （税引後）
                </th>
                <td>
                    <p id="intrest1" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円&lt;/p>
                </td>
                <td>
                    <p id="intrest2" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円&lt;/p>
                </td>
                <td>
                    <p id="intrest3" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円&lt;/p>
                </td>
            </tr>

            <tr>
                <th >
                    全額<br>
                    （利息込）

                </th>
                <td>
                    <p id="tot1" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円&lt;/p>
                </td>
                <td>
                    <p id="tot2" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円&lt;/p>
                </td>
                <td>
                    <p id="tot3" style="color:#E64040;margin-bottom:20px; font-weight:bold; font-size:20px; " >0円&lt;/p>
                </td>
            </tr>
            </form>


            </table>

I hope this information is sufficient; I'll try to explain from words how it appears:

In Internet Explorer the single row <tr> displays in two lines one below another where I want to display in one row in one line.

I hope you get what I'm saying... I really appreciate if any one can help me.

4

2 回答 2

0
于 2013-03-31T12:04:10.170 回答
0

包含您的代码的W3C 验证器提要引发了几个错误，超出了这些错误

看到文件结尾并且有打开的元素。

未闭合的元素表。(桌宽=940)

您应该在首先更正错误后重试。

于 2013-03-31T09:57:13.300 回答