title: CSS - How to position a fixed sidebar div relatively to a centered content div
body: <p>Basically, I have a fixed sidebar (with a fixed width) and a content div (with a max-width).</p>
  
  <p>I want the content div to be centered, and the sidebar to be positionned to the left of this content div.</p>
  
  <p>The problem is, on a small screen or when reducing the size of the window, the content div must shrink and not push the sidebar.</p>
  
  <p>I tried a lot of solutions (floating blocks with fake margin blocks, display:inline-block and white-space: nowrap), without success.</p>
  
  <p>Here's the actual page : <a href="http://daimao.info/logique-monde-esprit?testCSS=3" rel="nofollow">http://daimao.info/logique-monde-esprit?testCSS=3</a> , which adapts great to the size of the screen but has all the content on the left of the window.</p>
  
  <p>Here's a modified page : <a href="http://daimao.info/logique-monde-esprit?testCSS=1" rel="nofollow">http://daimao.info/logique-monde-esprit?testCSS=1</a> , that shows what I try to do, but only display well on large resolutions.</p>
  
  <p>Thanks for any help.</p>