0

我一直在为此苦恼，当查看 Firefox 或 Chrome 时，我的第三个表格行的对齐完全混乱，但在 IE9 中看起来完全符合预期。我尝试过使用样式（文本对齐、宽度、左边距、溢出等）和直接对齐、宽度。等等......在创建宽度时，我尝试使用 % 和直接像素值。

父表的宽度为 400 像素，或者至少应该是因为这是父 TD 的宽度，表宽度为 100%，单元格填充和单元格间距为 0。

<table align="center" style="width: 650px; border-style: none" cellpadding="0" cellspacing="0">
        <tr>
            <td style="width: 250px;"><img src="../images/incidentmonitor.gif" alt="" /></td>
            <td style="text-align: center; width: 400px">
<!-- Login section Table -->

            <table align="center" style="width: 100%; border-style: none;" class="clsLoginTable" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="text-align: right; width: 25%; overflow: hidden;">&nbsp;</td>
                    <td style="text-align: right; width: 5%; overflow: hidden;">&nbsp;</td>
                    <td style="text-align: left; width: 70%; overflow: hidden;">&nbsp;</td>
                </tr>

                <tr>
                    <td colspan="3" class="clsLoginLabel" style="text-align:center;">
                        <p><b>Please enter your User ID and Password</b><br /><br /></p>
                    </td>
                </tr>

                <tr>
                    <td style="text-align: right;" class="clsLoginLabel">User ID:</td>
                    <td style="text-align: right;">&nbsp;</td>
                    <td style="text-align: left;"><input name="UserID" value="administrator" size="20" /></td>
                </tr>

                <tr>
                    <td style="text-align: right;" class="clsLoginLabel">Password:</td>
                    <td style="text-align: right;">&nbsp;</td>
                    <td style="text-align: left;"><input autocomplete="off" type="password" name="Password" onkeydown="SendForm(event.keyCode)" size="20" /></td>
                </tr>


                <tr style="display: block;">
                    <td align="right" width="25%" class="clsLoginLabel">Domain:</td>
                    <td align="right" width="5%">&nbsp;</td>
                    <td align="left" width="70%">
                        <select id="DomainName" name="DomainName" size="1" style="width: 200px">

                            <option selected="selected" value='' >Built-In</option>

                            <option value='dnsdev.com' >dnsdev.com</option>

                            <option value='dnsdev.org' >dnsdev.org</option>

                        </select>
                    </td>
                </tr>


                <tr>
                    <td colspan="3" style="text-align: center;">
                        <button id="submit_request" name="submit_request" class="clsButton" accesskey="L" onclick="Validate();return false" Title="Login to IncidentMonitor "><u>L</u>ogin</button>
                    </td>
                </tr>
            </table>

        </td>
    </tr>
</table>
4

0 回答 0