Как разместить второй ряд таблицы внизу всплывающего диалога?

Question

Это может быть глупый вопрос, и, вероятно, я знаю о решении, но, похоже, пока что я в запасе.:(

Я показываю всплывающее окно jQuery dialog у этого есть таблица с 2 рядами. 1-й ряд содержит drop down list а во втором ряду есть кнопка:

<div id="dvSynch" style="display:none;">
    <table>
        <tr>
            <td><asp:DropDownList ID="ddlSynchUser" runat="server" ClientIDMode="Static"></asp:DropDownList></td>
        </tr>
        <tr>
            <td><a class = "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="btnStartSynch" style="color:#fff;" href="#">START SYNCH</a></td>
        </tr>
    </table>              
</div>

При отображении всплывающего окна кнопка находится прямо под drop down list,

Как я могу разместить его на кнопке dialog?

Answer 1

Я нашел способ сделать это: мне просто нужно поставить style="height:152px; vertical-align:bottom; во второй <td> тег:

<div id="dvSynch" style="display:none;">
    <table >
        <tr>
            <td><asp:DropDownList ID="ddlSynchUser" runat="server" ClientIDMode="Static"></asp:DropDownList></td>
        </tr>
        <tr>
            <td style="height:152px; vertical-align:bottom;><a class = "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="btnStartSynch" style="color:#fff;" href="#">START SYNCH</a></td>
        </tr>
    </table>              
</div>