如何在按钮顶部显示DIV

时间:2013-05-10 07:12:40

标签: asp.net html styles position

我有一个自定义控件,它有一个Button +图像,如果单击图像(向下箭头),DIV应该显示,就像下拉列表一样。

但是,它将页面内容向下推到显示DIV。如何解决这个问题。

  1. 它应该像下拉列表
  2. 列表应显示在按钮上而不是按钮

    <table id="container" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <asp:Button ID="btnPost" runat="server" CssClass="postButton" OnClick="btnPost_Click" />
            <asp:Button ID="btnDropDown" runat="server" CssClass="dropdownButton" OnClick="btnDropDown_Click" />
        </td>
    </tr>
    <tr>
        <td>
            <div runat="server" id="divDropDownPanel" visible="false" style="text-align: left;
                overflow: scroll; float: left; border: thin solid lightgrey; width: 160px; height: 120px;
                background-color: #FFFFFF; position: absolute; z-index: 999;">
                <asp:Repeater ID="rptDropDownContent" runat="server" OnItemDataBound="rptDropDownContent_ItemDataBound">
                    <HeaderTemplate>
                        <table>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td align="left">
                                <asp:CheckBox ID="chkChannel" runat="server" />
                            </td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </tr> </table>
                    </FooterTemplate>
                </asp:Repeater>
                <br />
            </div>
        </td>
    </tr>
    

0 个答案:

没有答案