title: show calendar on top of other elements
body: <p>I'm struggling with my calendar because it actually takes too much space in the page.</p>
  
  <p>The calendar is hidden at first: </p>
  
  <pre><code>Visible="False"
  </code></pre>
  
  <p>Then when I click the button to select the date I show it:</p>
  
  <pre><code>protected void btnCalendar_Click(object sender, ImageClickEventArgs e)
      {
          if (Calendar1.Visible)
          {
              Calendar1.Visible = false;
          }
          else
          {
              Calendar1.Visible = true;
          }
      }
  </code></pre>
  
  <p>The problem is that the calendar takes the space in the page anyway, also if it's hidden, and when it opens up the page becomes pretty "awkward".</p>
  
  <p>I'd like the calendar to be shown on top of the other items on the page, just on a "upper level", that way it doesn't split the header from the middle of the page.</p>
  
  <p>Is there any way to do that with html or css?
  I've tried to put the calendar into a div, but then I couldn't find anything useful about the stuff I needed</p>