I have a calendar in asp.net that is shown when a user clicks on a textbox. However, I'm not sure how to display the calendar without pushing all the content below. I need a way to make a popup panel for the calendar.

This is what I have so far. I'm just using a table in order to position the calendar directly below the textbox but this is changing the layout of the items below my table.

<asp:Table runat=server>

    <asp:TableRow>

        <asp:TableCell>

            <asp:TextBox ID=TextBox1 runat=server OnClick=showCal('Calendar1')></asp:TextBox>

        </asp:TableCell>       

    </asp:TableRow>

     <asp:TableRow>

        <asp:TableCell>

            <asp:Calendar ID=Calendar1 runat=server style=display: none;></asp:Calendar>

        </asp:TableCell>

    </asp:TableRow>

</asp:Table>

notice that I have my calendar set to display:none. My onclick js function fires when someone clicks on the textbox.

I've tried to change the z-index of my second table row in the hopes that when the calendar is shown, the rest of my page wont be changed but that didn't work.