jQuery UI对话框按钮显示在对话框外

我在jQueryUI对话框中遇到了这个问题，在这个对话框中，按钮没有按我希望的方式显示。我一直在按照jQueryUI站点上的模式表单进行此对话框。 这是aspx对话框：

<div id="dialog-form" title="Admitir paciente">
    <p class="validateTips">
        Todos los campos son requeridos.
    </p>
    <fieldset>
        <asp:Label runat="server" ID="lblName" AssociatedControlID="txbAdmitName">Nombre:</asp:Label>
        <asp:TextBox ID="txbAdmitName" runat="server" Width="150px" CssClass="txtNoWidth"
            ToolTip="Especifique el nombre del paciente"></asp:TextBox>
        <act:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" FilterMode="ValidChars"
            FilterType="UppercaseLetters, LowercaseLetters, Custom" ValidChars="ñ Ñ ' á é í ó ú Á É Í Ó Ú ü Ü ."
            TargetControlID="txbAdmitName">
        </act:FilteredTextBoxExtender>
        <asp:Label runat="server" ID="lblSurname" AssociatedControlID="txbAdmitSurname">Apellidos:</asp:Label>
        <asp:TextBox ID="txbAdmitSurname" runat="server" Width="150px" CssClass="txtNoWidth"
            ToolTip="Especifique el nombre del paciente"></asp:TextBox>
        <act:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" runat="server" FilterMode="ValidChars"
            FilterType="UppercaseLetters, LowercaseLetters, Custom" ValidChars="ñ Ñ ' á é í ó ú Á É Í Ó Ú ü Ü ."
            TargetControlID="txbAdmitSurname">
        </act:FilteredTextBoxExtender>
        <asp:Label runat="server" ID="lblId" AssociatedControlID="txbAdmitId">Cédula:</asp:Label>
        <asp:TextBox ID="txbAdmitId" runat="server" Width="150px" CssClass="txtNoWidth" ToolTip="Especifique la cédula del paciente"
            ></asp:TextBox>
        <act:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" FilterMode="ValidChars"
            FilterType="UppercaseLetters, LowercaseLetters, Custom, Numbers" ValidChars="ñ Ñ ' á é í ó ú Á É Í Ó Ú ü Ü . -"
            TargetControlID="txbAdmitId">
        </act:FilteredTextBoxExtender>
        <asp:Label runat="server" ID="lblBirthDate" AssociatedControlID="txtDateOfBirth">Fecha de nacimiento:</asp:Label>
        <table id="table-date" style="border-collapse: collapse;">
            <tr>
                <td style="padding: 0;">
                    <asp:TextBox ID="txtDateOfBirth" runat="server" CssClass="txtNoWidth" TabIndex="5"
                        ToolTip="Especifique o seleccione la fecha de nacimiento" Width="134px"></asp:TextBox>
                    <act:MaskedEditExtender ID="MaskedEditExtender1" runat="server" Mask="99/99/9999"
                        MaskType="Date" TargetControlID="txtDateOfBirth" UserDateFormat="DayMonthYear">
                    </act:MaskedEditExtender>
                </td>
                <td style="padding: 0; text-align: left;">
                    <asp:ImageButton ID="imgCalendarPopupButton" runat="server" CausesValidation="False"
                        Height="16px" TabIndex="6" Width="16px" ImageUrl="~/App_Themes/RISNewTheme/Images/Content/calendar.gif" />
                    <act:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" PopupButtonID="imgCalendarPopupButton"
                        TargetControlID="txtDateOfBirth">
                    </act:CalendarExtender>
                </td>
            </tr>
        </table>
        <asp:Label runat="server" ID="lblAge" AssociatedControlID="txbAdmitAge">Edad:</asp:Label>
        <asp:TextBox runat="server" ID="txbAdmitAge" Width="150px" CssClass="txtNoWidth"
            ToolTip="Especifique la edad del paciente"></asp:TextBox>
        <asp:RangeValidator ID="RangeValidator2" runat="server" ControlToValidate="txbAdmitAge"
            ToolTip="Indique una edad entre 0 y 120 años" Style="cursor: default;" Font-Size="X-Small"
            Type="Integer" MaximumValue="120" MinimumValue="0" SetFocusOnError="True" ValidationGroup="Admision">*</asp:RangeValidator>
        <act:FilteredTextBoxExtender ID="FilteredTextBoxExtender6" runat="server" FilterMode="ValidChars"
            FilterType="Numbers, Custom" TargetControlID="txbAdmitAge" ValidChars="-">
        </act:FilteredTextBoxExtender>
        <asp:Label runat="server" ID="lblAdmitSex" AssociatedControlID="ddlSex">Sexo:</asp:Label>
        <div class="ui-widget">
            <asp:DropDownList runat="server" ID="ddlSex" CssClass="ddlStandardWidth" Width="150px"
                DataSourceID="odsSex" DataTextField="Valor" DataValueField="Id" OnDataBound="ddlSex_OnDataBound" />
            <asp:ObjectDataSource ID="odsSex" runat="server" OnSelecting="odsSex_OnSelecting"
                SelectMethod="GetNomenclatorsValues" TypeName="CassandraRIS.BusinessLogic.Managers.GestorNomencladores">
                <SelectParameters>
                    <asp:Parameter Name="tipo" Type="Object" />
                </SelectParameters>
            </asp:ObjectDataSource>
        </div>
    </fieldset>
</div>

托多斯洛斯坎波斯儿子雷凯里多斯。

名义：
阿佩利多斯：
塞杜拉：
Fecha de Naciminto：
Edad：
*
性别：

这是js代码，我还没有输入按钮的动作，因为我先去测试对话框如何显示，我发现了这个问题

$(function () {
        $("#dialog-form").dialog({
            autoOpen: false,
            height: 310,
            width: 199,
            modal: true,
            resizable: false,
            buttons: {
                'Admitir': function () {
                    $(this).dialog("close");
                },
                'Cancelar': function () {
                    $(this).dialog("close");
                }
            },
            close: function () {

            }
        });

        $('#<%=lnbAdmitPatient.ClientID %>')
            .click(function () {
                $("#dialog-form").dialog("open");
                return false;
            });
    });

$（函数（）{
$（“#对话框窗体”）.dialog({
自动打开：错误，
身高：310，
宽度：199，
莫代尔：是的，
可调整大小：false，
按钮：{
“Admitir”：函数（）{
$（此）.dialog（“关闭”）；
},
“Cancelar”：函数（）{
$（此）.dialog（“关闭”）；
}
},
关闭：函数（）{
}
});
$('#')
。单击（函数（）{
$（“#对话框窗体”）。对话框（“打开”）；
返回false；
});
});

当对话框打开时，显示如下所示：

在我的对话框右侧浮动的绿线是按钮，实际上是尺寸过大的按钮。我访问了Firefox上的firebug和Chrome上的开发者工具，试图找到一个解决方案，也许是在风格方面，但什么都没有找到。我在Firebug中发现了一个有趣的现象，即按钮应该出现的位置看起来不可见或被禁用，事实上，div ui对话框按钮集大小是0x0

---

任何可能的帮助，想法，提示或在哪里看将不胜感激。谢谢

增加宽度有帮助吗？

如果您在对话框中自己编写一个完整的表单，为什么不自己在其中添加按钮呢？而不是使用jQuery的内置按钮？谢谢，我没有分析过这种可能性。为你的对话框制定一个标准是值得的：所有的对话框中都有按钮吗？