固定和流畅的布局html

Question

我必须制作固定+流畅的布局，它的基本方案就在这里 - http://cdn.joxi.ru/uploads/prod/2014/09/05/b77/ee2/4696a3b3738ea85f3d45a325e0fd31109624cfad.jpg

HTML的结构是：

header
.leftcolumn > aside
.rightcolumn

CSS是：

header { width: 940px; margin: auto; }
.leftcolumn { float: left; }
aside { width: 200px; }
.rightcolumn { overflow: hidden; }

关键是要使这个结构居中：标题必须位于布局的中心，旁边必须出现在标题的左边缘并且在.leftcolumn内部

现在我用JS做了这个：

function innerFunc() {
    var marginLeft;
    marginLeft = $('header').css('margin-left');
    $('aside').css('marginLeft', marginLeft);
}

innerFunc();
$(window).resize(function() {
    innerFunc();
})

但是让它免费JS会很棒。有什么建议吗？

JSFiddle：http://jsfiddle.net/7ns4uzpg/