ウィンドウにCtrl +スクロールのマウスボタンでサイズを変更しても、フルスクリーンの背景ですべてのコンテンツを集中したい。中心のコンテンツを含む固定の背景
ウェブサイトexemple：ウェブサイトのhttp://www.benzinga.com/
三四半期はとにかくそのようなものです。私が言いたいの（FacebookやTwitter、StackOverflowの、...）
例：
あなたはCtrlキーを押して、あなたのマウスのスクロールボタンを使用する場合は、背景がわかりますヘッダーはフルスクリーンのままですが、内容は中央にとどまります。
これはHTMLとCSSでのみ可能ですか？
あなたはどのように表示できますか？
ありがとうございました！
あなたが最初の行に追加することができます。
body{
margin: 0 auto;
padding-left:240px;
padding-right: 240px;
}
あなたは、必要に応じてユーザーが設定することができますパディングの値。 my demo
ここが私の意図です。私は自分で解決策を見つけました。みんなありがとう。
<body>
<header>
<div class="pageSize" >
<p class="left">header</p>
<p class="right">header</p>
</div>
</header>
</body>
body {
margin: 0;
padding: 0;
}
p {
font-size: 30px;
}
header {
background: #5AFFE5;
margin: 0;
height: 100px;
}
.pageSize {
width: 960px;
margin: 0 auto;
}
.left{
float: left;
line-height: 0em;
}
.right{
float: right;
line-height: 0em;
}
div:before, div:after {
content: "";
display: table;
}
div:after {
clear: both;
}
</style>