3列固定宽度布局，固定边和标题，可滚动中心内容..？

Question

我遇到布局设计问题应该很容易。我实际上有它工作，除了我的菜单（左侧边栏）css过渡搞砸我正在做的方式。

我想要一个带有页眉和页脚的3列固定布局，整个内容居中。我的左右div都是220px宽，100％高，不可滚动（所以菜单总是在那里）。中间内容div宽830像素，可滚动。任何超过1270像素的显示器尺寸都会为左右身体增加空间。

目前，我是通过如下定位内容来实现的：

header{
position:fixed;
left:50%;
margin-left:-(width/2)px;
}

left{
position:fixed;
left:50%;
margin-left:-635px; <--(center width/2) - left width)
}

center{
position:relative;
left:50%;
margin-left:-415; <--center width/2
}

right{
position:fixed;
left:50%;
margin-left:415px;
}

同样，这可以解决，因为我的css过渡会在Chrome中挂起。问题是左/左边距设置内容的方法，因为如果我使用左边左边设置：50px;一切都很好。

我试图漂浮：留下一切，但这导致整个页面滚动，我不想要。任何线索如何将左侧栏杆固定在中心左侧以另一种方式？