Html 水平定心div

我的页面布局：

div for header : position: fixed
div for sidebar: float: left              div for content: float:left
div for footer : position: fixed

位置设置为“相似”，以便无论用户在滚动条的哪个点上，页脚和页眉始终可见。但是，侧边栏会随页面滚动

content的div包含一个ui:insert，以便将所有页面加载到其中。 现在，在其中一个页面中，我希望内容集中在分配的空间内。 为此，该页面的所有内容都放在一个div中。 我必须使用什么样式才能使内容始终水平居中，无论窗口拉伸到什么大小。我可以为div的宽度指定一个固定值

我无法将位置设置为绝对或固定，因为这会破坏整体设计。

对于固定宽度：

div.center {
    width: 300px;
    margin: 0 auto;
}

对于动态宽度：

div.center {
    width: 50%;
    margin: 0 25%;
}

---

JSFiddle不起作用，但我会尽快找到一个。如果我理解正确，如果指定了div的宽度，下面应该可以解决这个问题

div {margin: 0 auto;}

---

请张贴实际代码，也许还有一把小提琴@isherwood有趣的是，你说：JSFIDLE倒下了。。。