2011-06-05 117 views
2

网址:http://vixenology.com/固定宽度页面

在标准缩放级别,整个博客是左对齐并没有这个巨大的无人区的权利。我如何削减页面的大小,使博客以所有缩放级别为中心?

我试过一些简单的CSS,似乎无法弄清楚。

谢谢!

回答

1

这是你在找什么:

.main-width { margin: 0px auto; } 
+0

.main-width {margin:0px auto; } < - 这完美的文字,但现在如果你缩小背景图像左移..谢谢 – js111 2011-06-05 00:34:33

0

给包装div的固定宽度,并给它一个保证金:0汽车

4

嗯。如何把你的主要内容在一个div和中心:

margin: 0 auto; 
width: /* the width of your content */ 

你不得不重新排列你的html标记;我尝试过这样做,但它切断了你的背景。你必须将你的背景图像从你想要居中的div中取出并放在div上。如果是有道理的..喜欢的东西:

<body> 
    <div id="bg"><!-- give this id the background-image in css --> 
     <div id="maincontent"> 
     <!-- this div contains all your content, everything that needs centering --> 
     </div> 
    </div 
</body> 

然后在你的CSS:

#bg { background-image: /* blabla */ } 
#maincontent { margin: 0 auto; width: /* width, as stated above */ } 

类似的东西。