title: Using Razor "RenderPartial" and "RenderBody", the body is rendered on top
body: <p>I am developing a site with <em>Header</em>, <em>Main Menu</em>, <em>Body</em> and <em>Footer</em> sections.<br>
  I am using a web page base layout <code>_Layout.cshtml</code> where I use the <code>RenderPartial()</code> method to render the <em>Header, Main Menu</em> and <em>Footer</em>. For the body, I am using the <code>RenderBody()</code> method.<br>
  In <code>_Layout.cshtml</code> I have the following code:</p>
  
  <pre><code>&lt;body style="margin: 0"&gt;
  &lt;form name="FormStart" method="post" action="Start.aspx" id="FormStart"&gt;
  &lt;table cellspacing="0" cellpadding="0" width="100%" align="center" border="0"&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="1px"&gt;&lt;/td&gt;
          &lt;td valign="top" align="center" width="972" bgcolor="#FFFFFF"&gt;
              &lt;table id="Table1" cellspacing="0" cellpadding="0" width="972" border="0" bordercolor="yellow"&gt;
                   &lt;!-- HEADER --&gt;
                   @{Html.RenderPartial("_Header");}
  
                   &lt;!-- MAIN MENU --&gt;
                   @{Html.RenderPartial("_Menu");}
  
                   &lt;!-- CONTENT --&gt;
                   @RenderBody()
               &lt;/table&gt;
               &lt;br /&gt;
               &lt;!-- FOOTER --&gt;
               @{Html.RenderPartial("_Footer");}
           &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>On the other hand, I created a very simple view with the following code</p>
  
  <pre><code>@{
      ViewBag.Title = "Page";
      Layout = "~/Views/Shared/_Layout.cshtml";
  }
  
  &lt;h3&gt;You just clicked &lt;/h3&gt;&lt;h1&gt;NATURAL ALOE SECTION&lt;/h1&gt;
  </code></pre>
  
  <p>The thing is, that the content of this simple view is displayed at the very top of the page, whereas the rest is on the bottom. Instead of displaying <strong>HEADER-MAINMENU-<em>my site</em>-FOOTER</strong> it displays it in the order of <strong><em>my site</em>-HEADER-MAINMENU-FOOTER</strong>. </p>
  
  <p>I am quite new with MVC all around; I have been reading <a href="https://stackoverflow.com/questions/6018362/how-to-layout-a-page-with-mvc3-razor">here</a> about the possibility of using RenderSection instead of RenderPartial in my main Layout site, but could this be the reason while it is displaying this way? Probably I am way off base, any advice is much appreciated.</p>
  
  <p>Thanks in advance. </p>