美工做好的页面加入form表单后布局就乱了 怎么解决

Question

 本来什么都是好好的，就是把要提交的数据用form表单包起来后下面的按钮就跑偏了 怎么解决啊 

Answer 1

之前的 纯 html 代码
<div class="con_site">
                        <p>
                            我的办公室</p>
                        <span></span>
                        <h1>
                            会员资料管理</h1>
                        <b></b>
                        <h1>
                            修改密码</h1>
                    </div>
                    <!--我的报价单-->
                    <div class="remind">
                        <div class="title_sec">
                            <span></span>会员资料管理</div>
                        <div class="rem_con">
                            <table width="98%" border="0" cellspacing="0" cellpadding="0" class="quo_table">
                                <tr class="quo_tab" height="35px">
                                    <td width="17%" align="left" style="padding-left: 20px;">
                                        修改密码
                                    </td>
                                    <td width="15%">
                                    </td>
                                    <td width="68%">
                                    </td>
                                </tr>
                                <!--贸易类型 -->
                                <tr>
                                    <td width="17%">
                                    </td>
                                    <td align="right" class="inf_trade_tex01">
                                        <span style="color: #FC2525">*</span>原始密码：
                                    </td>
                                    <td height="45" align="left">
                                        <!--输入框默认效果-->
                                        <div>
                                            <div class="ipt_ord_lef_h">
                                            </div>
                                            <div class="ipt_ord_mid_h">
                                                <input name="" type="text" class="ipt_heig_01" value="在此输入内容....." /></div>
                                            <div class="ipt_ord_rig_h">
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="17%">
                                    </td>
                                    <td height="45" align="right" class="inf_trade_tex01">
                                        <span style="color: #FC2525">*</span>新密码：
                                    </td>
                                    <td align="left">
                                        <div>
                                            <div class="ipt_ord_lef_h">
                                            </div>
                                            <div class="ipt_ord_mid_h">
                                                <input name="" type="text" class="ipt_heig_01" value="在此输入内容....." /></div>
                                            <div class="ipt_ord_rig_h">
                                            </div>
                                        </div>
                                </tr>
                                <tr>
                                    <td width="17%">
                                    </td>
                                    <td height="45" align="right" class="inf_trade_tex01">
                                        <span style="color: #FC2525">*</span>重复新密码：
                                    </td>
                                    <td align="left">
                                        <div>
                                            <div class="ipt_ord_lef_h">
                                            </div>
                                            <div class="ipt_ord_mid_h">
                                                <input name="" type="text" class="ipt_heig_01" value="在此输入内容....." /></div>
                                            <div class="ipt_ord_rig_h">
                                            </div>
                                        </div>
                                </tr>
                            </table>
                            <table>
                                </tr>
                                <tr>
                                    <td colspan="4">
                                        <div class="line">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td align="left" style="padding-top: 15px;">
                                        <input name="Input" type="button" class="bc_btn" value="保存" style="margin-left: 280px;" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

Answer 2

修改后的 代码
<div class="remind">
        <div class="title_sec">
            <span></span>会员资料管理</div>
        <div class="rem_con">
            <form action="ChangePassWord.aspx" method="post">
            <input type="hidden" name="hid" value="1" />
            <table width="98%" border="0" cellspacing="0" cellpadding="0" class="quo_table">
                <tr class="quo_tab" height="35px">
                    <td width="17%" align="left" style="padding-left: 20px;">
                        修改密码
                    </td>
                    <td width="15%">
                    </td>
                    <td width="68%">
                    </td>
                </tr>
                <!--贸易类型 -->
                <tr>
                    <td width="17%">
                    </td>
                    <td align="right" class="inf_trade_tex01">
                        <span style="color: #FC2525">*</span>原始密码：
                    </td>
                    <td height="45" align="left">
                        <!--输入框默认效果-->
                        <div>
                            <div class="ipt_ord_lef_h">
                            </div>
                            <div class="ipt_ord_mid_h">
                                <input id="passWordOld" type="password" value="" class="ipt_heig_01" />
                            </div>
                            <div class="ipt_ord_rig_h">
                            </div>
                            <table id="td1" style="width: 240px; background-color: Gray; visibility: hidden">
                                <tr>
                                    <td style="height: 3px; width: 80px;">
                                        弱
                                    </td>
                                    <td style="height: 3px; width: 80px;">
                                        中
                                    </td>
                                    <td style="height: 3px; width: 80px;">
                                        强
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td width="17%">
                    </td>
                    <td height="45" align="right" class="inf_trade_tex01">
                        <span style="color: #FC2525">*</span>新密码：
                    </td>
                    <td align="left">
                        <div>
                            <div class="ipt_ord_lef_h">
                            </div>
                            <div class="ipt_ord_mid_h">
                                <input id="passWordNew1" type="password" value="" class="ipt_heig_01" /></div>
                            <div class="ipt_ord_rig_h">
                            </div>
                            <table id="td2" style="width: 240px; background-color: Gray; visibility: hidden">
                                <tr>
                                    <td style="height: 3px; width: 80px;">
                                        弱
                                    </td>
                                    <td style="height: 3px; width: 80px;">
                                        中
                                    </td>
                                    <td style="height: 3px; width: 80px;">
                                        强
                                    </td>
                                </tr>
                            </table>
                        </div>
                </tr>
                <tr>
                    <td width="17%">
                    </td>
                    <td height="45" align="right" class="inf_trade_tex01">
                        <span style="color: #FC2525">*</span>重复新密码：
                    </td>
                    <td align="left">
                        <div>
                            <div class="ipt_ord_lef_h">
                            </div>
                            <div class="ipt_ord_mid_h">
                                <input id="passWordNew2" type="password" value="" class="ipt_heig_01" /></div>
                            <div class="ipt_ord_rig_h">
                            </div>
                            <table id="td3" style="width: 240px; background-color: Gray; visibility: hidden">
                                <tr>
                                    <td style="height: 3px; width: 80px;">
                                        弱
                                    </td>
                                    <td style="height: 3px; width: 80px;">
                                        中
                                    </td>
                                    <td style="height: 3px; width: 80px;">
                                        强
                                    </td>
                                </tr>
                            </table>
                        </div>
                </tr>
            </table>
            </form>
            <table>
                <tr>
                    <tr>
                        <td colspan="4">
                            <div class="line">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                        </td>
                        <td align="left" style="padding-top: 15px;">
                            <asp:Button ID="btnSave" runat="server" Text="保存" CssClass="bc_btn" Style="margin-left: 280px;"
                                OnClick="btnSave_Click" />
                        </td>
                    </tr>
            </table>
        </div>
    </div>

Answer 3

再看看你的样式吧，基本是样式问题，或者就是你FORM放的位置不对也有可能

Answer 4

我自习看了 把要提交的 table 包了起来 不对吗？

Answer 5

额 我调好了 form表单少包了 提交 那个按钮