这是它现在的样子:
有没有办法让我把有内容的区域居中,并放置一个重复的背景图片,这样网站看起来就不会那么空了?
水平居中可以通过将您希望居中的内容包装在 div 中并应用样式来实现:
margin-left: auto;
margin-right: auto;
说div。
这将解决您在右侧的空间问题。您也可以使用 CSS 放置背景图像(重复或不重复)。
您更大的问题将是垂直居中。据我所知,(目前)没有简单的跨浏览器(包括 IE6/7)方式来实现这一点。不过,我想在这里被另一个用户证明是错误的。:)
在我看来,您只需要在内容区域的顶部和左侧进行一些填充。
抱歉,我没有意识到您的页面只是屏幕的一部分。
为什么不将您的网站拼接成多个部分(div)并使用流畅的布局? 这是来自 Smashing Magazine的一篇关于固定布局与流体布局的文章。