title: Web Form not showing properly inside iframe
body: <p>I am trying to show the map in asp.net web application with master page.
     Master page have form tag so that create new form with map and create another 
     form with master page and iframe control. In that control show the web form.</p>
  
  <p><strong>My Code :</strong></p>
  
  <pre><code>&lt;asp:Content ID="cntNavigation" ContentPlaceHolderID="cntMain" runat="server"&gt;
      &lt;script type="text/javascript"&gt;
          function calcHeight(iframeElement) {
              var the_height = iframeElement.contentWindow.document.body.scrollHeight;
              iframeElement.height = the_height;
          }
  &lt;/script&gt;
     &lt;iframe id="myIframe" src="Tracking.aspx" onload="calcHeight(this)" scrolling="no" style="position:relative;left:0px;width:100%;top:0px;overflow:hidden;padding:0;border:none; " &gt;&lt;/iframe&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>In that "Tracking" form create with bootstrap text box and map but its not showing properly in application </p>
  
  <p><strong>Tracking Form Code :</strong>
  </p>
  
  <pre><code>    &lt;div class="card"&gt;
          &lt;div class="card-header"&gt;
                  &lt;strong class="card-title"&gt;SalesMan Live Tracking&lt;/strong&gt;
          &lt;/div&gt;
          &lt;div id="divstrackingbody" class="card-body"&gt;
              &lt;div class="col-lg-2" style="margin-top:2%;"&gt;
                  &lt;label class="col-form-label"&gt;Start&lt;/label&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-2" style="margin-top:2%;"&gt;
                  &lt;input type="text" name="start" id="start"  class="form-control"/&gt;   
              &lt;/div&gt;
               &lt;div class="col-lg-2" style="margin-top:2%;"&gt;
                  &lt;label class="col-form-label"&gt;End&lt;/label&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-2" style="margin-top:2%;"&gt;
                   &lt;input type="text" name="end" id="end" class="form-control"  /&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-2" style="margin-top:2%;"&gt;
                  &lt;input type="submit" onclick="calcRoute();"  class="btn btn-success"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="mapbody" class="card-body"&gt;
               &lt;div id="map_canvas" class="map"&gt;&lt;/div&gt;
          &lt;/div&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Expected :</strong> </p>
  
  <pre><code>                ________________               ________________
     Start     : +___textbox______+     End   : +____textbox_____+
  </code></pre>
  
  <p>Showing :</p>
  
  <pre><code>   Start  :
     -----------------------------------------------------------
     +            textbox                                      +
     -----------------------------------------------------------
  
    End:
     -----------------------------------------------------------
     +          textbox                                       +
     -----------------------------------------------------------
  </code></pre>