Q:

Centering two divs side by side, but one div has a fixed position

I have a container with 2 divs that I wanted to appear side by side, centered on the page. The left side would be a navigation of sorts, and the right side would have variable length content. I wanted the left div to be "fixed" as I scroll up and down the page. 
Here's a general structure; feel free to suggest other centering css. 
Thanks in advance. 
#content{
  margin: 0 auto;
}
#left{
  display:inline-block;
}
#right{
  display:inline-block;
}

<div id="content">
  <div id="left">
  </div>
  <div id="right">
  </div>
</div>

A:

Your code is a bit short to answer properly, but i'd say:
#content {
     text-align:center;
}
#left,#right{
     display:inline-block;
}
#left {
     width:200px;
}
#left > div.fixed {
     position:fixed;
     width:inherit;
}

If you had some real life code to use and make fit to your needs, it will help you.
The child of #left is going to b the container for your fixed content. #left, in the flow will keep the room needed.

