title: Creating a fixed width sidebar with a responsive container for content next to it in CSS
body: <p>I have a fixed width container (200px) on the left of the page with a responsive container on the right for content. </p>
  
  <p>I'd like the content to be centered in the container on the right and have done so using the following CSS: </p>
  
  <pre><code>.sidebar {
  width: 10%;
  position: fixed;
  height: 100%;
  background-color: red;
  }
  
  .parent {
  position: relative;
  width: 90%;
  height:auto;
  margin-left: 10%;
  border: 2px solid #000;
  }
  
  #kid {
  width: 75%;
  margin: 0 auto;
  border:2px solid #f00;
  }
  </code></pre>
  
  <p>How can I replicate this behaviour using a fixed width for the sidebar (200px)?
  JSFiddle: <a href="http://jsfiddle.net/Dnjwa/1/" rel="nofollow">http://jsfiddle.net/Dnjwa/1/</a></p>
  
  <p>Any help is appreciated, thanks!</p>