使用窗口调整大小的DIV居中

Question

我在这个话题上已经筋疲力尽了，我觉得它比看起来更简单。 此网站：http://ryanfeerer.com/如果您查看内容部分，则在使窗口变小或变大时，它会保持居中对齐状态。 我正在创建一个在DW CS6中非常相似的网站，我有我的平铺背景设置，并创建了一个基本上悬停在背景上的DIV。基本上就像引用的网站一样。

是否有一个简单的CSS代码可以做到这一点？这看起来像是一个简单的概念。

如果已经多次回答，请提前致谢并表示非常抱歉。我试着做我的研究，但无济于事。

内特

Answer 1

我创建中心div的方法是使用左右两边的百分比来对齐它。这样它就会响应浏览器的大小。实施例

#content{
left:15%;
right:15%;
top:0px;
bottom:0px;
}

虽然这意味着当浏览器窗口非常薄时，您的内容会被压扁，因为它总是会保持15％左右。

Answer 2

编辑：啊，我误解了你的要求。我现在看到，当你调整页面大小时，所有内容都会缩小，包括图像。我会研究一个jQuery / javascript解决方案。