Working with divs in ASP.NET
<p>Can any one tell me how can I make divs visible in ASP.NET. I tried to use a panel but it was interfering with other divs. Well, to explain my situation why I am asking is I want to show a form with submit button on a same page and thank you message after submitting it.</p>

<p>Any better suggestions on how can I do it? :)</p>

<p>Well here is code, </p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %&gt;

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;script type="text/javascript"&gt;
    function Show(moreInfo) {
        document.getElementById(btnInfo).style.visibility='hidden';
        document.getElementById(moreInfo).style.visible = 'visible';
    &lt;/script&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;style type="text/css"&gt;
        .heading
        {
            text-align: center;
            border-style: double;
            background-color:#F2A988;
            font-family:Sans-Serif;
            font-weight:bold;

        }
        #wrapper {
            margin: 0 auto;
            width: 400px; 
            text-align:left;
        }
        .style1
        {
            text-align: center;
            font-family:Sans-Serif;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body style="height: 642px; width: 911px; " id="wrapper"&gt;
    &lt;form id="form1" runat="server"&gt;

    &lt;div class="heading"&gt;
        Sheridan Computer Club - Inquiry Form&lt;/div&gt;
        &lt;br /&gt;

    &lt;asp:Calendar ID="Calendar1" runat="server" Font-Names="Arial"&gt;&lt;/asp:Calendar&gt;



        &lt;br /&gt;

    &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
    &lt;asp:Button ID="btnInfo" runat="server" Font-Names="Arial" 
         style="font-weight: 700" 
        Text="I'd like to receive more information!" Width="261px" /&gt;

    &lt;div style="position:relative; top: 0px; left: 0px; width: 463px; height: 188px;"&gt;
        Show the div&lt;/div&gt;

    &lt;div id="meeting" 




        style="position:relative; top: -285px; left: 320px; width: 232px; height: 64px; text-align: center; margin-top: 0px; font-family: Arial; font-weight:bold;"&gt;
        &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
        &lt;asp:Label ID="lblDate" runat="server"&gt;&lt;/asp:Label&gt;
        &lt;br /&gt;
        &lt;/div&gt;



    &lt;div style="width: 308px; position:relative; top: -479px; left: 283px; margin-top: 0px;" 
        class="style1"&gt;
        Click Below to find out when
        &lt;br /&gt;
        the club meets next&lt;/div&gt;

    &lt;div style="position:relative; top: -515px; left: 624px; width: 274px; height: 289px; font-family:Sans-Serif;"&gt;
        &lt;b&gt;View Members by Program:&lt;br /&gt;
        &lt;asp:ListBox ID="ListBox1" runat="server" Height="175px" Width="263px"&gt;
        &lt;/asp:ListBox&gt;
        &lt;/b&gt;&lt;/div&gt;

    &lt;div style="position:relative; top: -739px; left: 346px; width: 192px; height: 32px; text-align: center; margin-top: 0px;"&gt;
        &lt;asp:Button ID="Button1" runat="server" Text="Next Meeting" 
            onclick="Button1_Click" /&gt;
    &lt;/div&gt;

    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
