title: What to do with @RenderBody()?
body: <p>I have an ASP.NET MVC 3 application with <code>JQuery UI Tabs</code>.  I have a master layout page <code>_layout.cshtml</code>, code below.  The master <code>_layout.cshtml</code> requires a <code>@RenderBody()</code> code.  Since it is required, what am I supposed to do with it. I guess where I'm going with this is I do not know if I'm doing this correctly, since I'm not using it.<br>
  Should I be and what are the problem if not ?<br>
  Thanks.</p>
  
  <pre><code> &lt;div class="page"&gt;
          &lt;div id="title" style=" height:120px" &gt;                
              &lt;img alt="Test.com" src="/Content/images/TestLogoLeft.png" style="width:370px; float:left; margin:0px;" /&gt;
          &lt;/div&gt;
  
          &lt;div id="titleRight" style=" background-color:White; width:580px; height:120px; float:right;"&gt;&lt;/div&gt;
  
          &lt;div id="menu" style=" background-color:White; width:950px; height:400px; float:left;"&gt;
  
              &lt;!-- Must have class= info to prevent flash of just content on refresh --&gt;
              &lt;div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all" style=" position:relative; border:0px;"   &gt;
                  &lt;ul class="ui-tabs-nav"&gt;                        
                      &lt;li&gt;&lt;a href="#tabs-1" &gt;Home&lt;/a&gt;&lt;/li&gt;                        
                      &lt;li&gt;&lt;a href="#tabs-2" &gt;Statistics&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#tabs-3" &gt;Maps&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#tabs-4" &gt;FAQs&lt;/a&gt;&lt;/li&gt;
                      &lt;li &gt;&lt;a href="#tabs-5"&gt;Login&lt;/a&gt;&lt;/li&gt;
                      &lt;li &gt;&lt;a href="#tabs-6"&gt;SignUp&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div id="tabs-1" class="ui-tabs-hide ui-tabs-panel"&gt;@Html.Partial("../Home/Home") &lt;/div&gt;
                  &lt;div id="tabs-2" class="ui-tabs-hide ui-tabs-panel"&gt;@Html.Partial("../Statistics/Statistics")&lt;/div&gt;
                  &lt;div id="tabs-3" class="ui-tabs-hide ui-tabs-panel"&gt;@Html.Partial("../Maps/Maps")&lt;/div&gt;
                  &lt;div id="tabs-4" class="ui-tabs-hide ui-tabs-panel"&gt;@Html.Partial("../Home/FAQs")&lt;/div&gt;                                     
                 &lt;div id="tabs-5" class="ui-tabs-hide ui-tabs-panel"&gt;@Html.Partial("../Account/LogOn")&lt;/div&gt;                                                        
                 &lt;div id="tabs-6" class="ui-tabs-hide ui-tabs-panel"&gt;@Html.Partial("../Account/Register")&lt;/div&gt; 
  
              &lt;/div&gt;               
          &lt;/div&gt;               
   &lt;/div&gt;
  
  
   @* TODO: I need to figure out what to do with this  *@        
  &lt;div id="main" style=" display:none"&gt;
      @RenderBody()           
  &lt;/div&gt;      
  </code></pre>