title: Header, Nav, Container Layout without vertical scroll bar on entire page
body: <p>I am having a hard time with CSS. I'm trying to create a Header, Side Nav Bar and Content Pane. Below is what I need.</p>
  
  <p><img src="https://i.imgur.com/mdP3QfV.png" alt="enter image description here"></p>
  
  <p>I have attempted to create this, but for some reason there is a scroll bar on the side making the header appear and disappear as I scroll.</p>
  
  <p>The only thing that needs a scroll bar is the content pane.</p>
  
  <p>Both the <code>Nav</code> and <code>Content</code> needs extend all the way to the bottom of the browser.</p>
  
  <p>Here is my attempt:</p>
  
  <pre><code>        #header{
              background-color:#000000;
          } 
  
          #nav {
              background-color:#ff6a00;
              width: 220px;
              float:left;       
              min-height: 100% !important;         
          }
  
          #section {
              background-color:#808080;
              min-height: 100% !important;
              float:left;   
          }
  
          .scrolling-wrapper {
              width: auto;
              position: absolute;
              margin-left: auto;
              margin-right: auto;
              overflow-y: auto;
          }
  </code></pre>
  
  <p>Here is the <code>HTML</code>:</p>
  
  <pre><code>    &lt;div class="body-wrapper"&gt;
  
          &lt;div id="header"&gt;
              asdasd
          &lt;/div&gt;
  
          &lt;div id="nav"&gt;
              asdasd
          &lt;/div&gt;
  
          &lt;div id="section"&gt;
              &lt;div class="scrolling-wrapper"&gt;
                  adasd
                  @RenderBody()
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>Everything needs to auto adjust, for example the <code>header</code> can be any <code>height</code> so <code>nav</code> and <code>content</code> needs to compensate for that. I hope that makes sense.</p>
  
  <p>Can anyone please point me into the right direction to remove the scroll bar so that the 3 containers fits perfectly in the browser?</p>
  
  <p>Thank you in advance.</p>