我的母版页底部和右侧都有空白区域。我可以“居中”我的母版页并设置背景图像吗?

时间:2009-09-01 15:50:28

标签: asp.net css page-layout

现在看来它是这样的:

my screenshot

我有没有办法让拥有内容的区域居中,并放置一个重复的背景图片,以便网站看起来不那么空?

2 个答案:

答案 0 :(得分:2)

水平居中可以通过将您希望居中的内容包装在div中并应用样式来实现:

margin-left: auto;
margin-right: auto;

说div。

这会照顾你右边的空间问题。您也可以使用CSS放置背景图像(重复或不重复)。

您的大问题将是垂直居中。据我所知,目前还没有简单的跨浏览器(包括IE6 / 7)实现这一目标的方式。不过,我希望其他用户在这里被证明是错误的。 :)

答案 1 :(得分:0)

在我看来,您只需在内容区域的顶部和左侧填充一些填充。

抱歉,我没有意识到您的网页只是屏幕的一部分。

为什么不将您的网站拼接成部分(div)并使用流畅的布局?来自Smashing Magazine的关于固定与流体布局的Here is an article