title: Getting Background Color to cover the whole area of a website
body: <p>I didn't really know how to word this question, but anyway, My website 
  kind of looks rather weird at the moment. I had it looking perfectly well, however i changed it due to the fact that the Footer was taking up the whole main section of the page (and i wanted to add color variations between the footer and main section). </p>
  
  <p>So what i would like to know is how do i get the Main Area Text background color cover everything from the navbar to the footer (as wide as the navbar also)? I would make change it to using pixels, but wouldn't that mean to much guessing as you decide to change it? Surely there is an easier way! </p>
  
  <p>Thanks to any help provided</p>
  
  <p>Code:</p>
  
  <pre><code>.mainsection{
  float:left;
  width: 660px;
  margin:30px;
  background-color:#999;
  
  }
  
  .center{
  background-color:#999;  
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="center"&gt;
  
              &lt;section class="mainsection"&gt;
                  &lt;p&gt;Main Area&lt;/p&gt;
              &lt;/section&gt;
  
              &lt;aside class="sidenews"&gt;
                  This is the side news
              &lt;/aside&gt;
          &lt;/div&gt;
  </code></pre>