title: How to resize page body with html grid (runs off page)?
body: <p>I have the following (screen shot below) of a stock/out of the box mvc3 application.  As illustrated the html table runs off the page body if the data set is very large.</p>
  
  <p>Q:  How can I resize the page/body so that the grid fits within the page body?</p>
  
  <p>This is out of box stuff so let me know if you anymore code to repro?  Thx!</p>
  
  <p>Indexed View (standard...abridged...)</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;
              Name
          &lt;/th&gt;
          ...
      &lt;/tr&gt;
  
  @foreach (var item in Model) {
      &lt;tr&gt;
          &lt;td&gt;
              @Html.DisplayFor(modelItem =&gt; item.Name)
          &lt;/td&gt;
          ....
  
          &lt;td&gt;
              @Html.ActionLink("Edit", "Edit", new { id=item.PersonId }) |
              @Html.ActionLink("Details", "Details", new { id=item.PersonId }) |
              @Html.ActionLink("Delete", "Delete", new { id=item.PersonId })
          &lt;/td&gt;
      &lt;/tr&gt;
  }
  </code></pre>
  
  <p>Layout View:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
      &lt;link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="page"&gt;
          &lt;header&gt;
              &lt;div id="title"&gt;
                  &lt;h1&gt;My MVC Application&lt;/h1&gt;
              &lt;/div&gt;
              &lt;div id="logindisplay"&gt;
                  @Html.Partial("_LogOnPartial")
              &lt;/div&gt;
              &lt;nav&gt;
                  &lt;ul id="menu"&gt;
                      &lt;li&gt;@Html.ActionLink("Home", "Index", "Home")&lt;/li&gt;
                      &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/header&gt;
          &lt;section id="main"&gt;
              @RenderBody()
          &lt;/section&gt;
          &lt;footer&gt;
          &lt;/footer&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/18MdH.png" alt="enter image description here"></p>