2010-10-19 83 views
1

我想中心div在我的网页,但我有一个非常特殊的布局,不让我居中它与常规边界:自动属性。我所拥有的是,基本上是这样的:问题居中div与CSS

HTML:

<div id="container"> 
    <div id="sidebar"> 
     some text 
    </div> 
    </div id="content"> 
     some text 
    </div> 
</div> 

CSS:

#container{ 
    margin: 0 auto; 
    width: 900px; 
} 

#sidebar{ 
    float: left; 
    width: 300px; 
} 

#content{ 
    float: left; 
    width: 600px; 
} 

这个中心我的容器,没有任何问题,但我需要的是居中的 “内容” 的div相对到屏幕的宽度,这里是我正在工作的网站,以便您可以更清楚地看到它:http://dirtymind.jvsoftware.com/以及我为了更好地解释我的问题所做的图像:http://dirtymind.jvsoftware.com/img/csserror.png

有谁知道如何做到这一点?感谢所有提前。

回答

1

增加容器的边栏的宽度的宽度,并以相同的量增加一个右边缘到内容块。

+0

谢谢你照顾的问题 – javiervd 2010-10-20 00:03:46

0

据我所知,这是不可能的,你想要的方式。 我会在以下选项之间选择:

  1. 向容器添加余量,比如说5%。
  2. 恒定左余量