2010-10-19 86 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. 恆定左餘量