2012-09-04 22 views
0

我從Photoshop中導出了一個佈局,寬度爲2400px。我的屏幕有1200px的分辨率寬度,佈局顯示爲左對齊。比瀏覽器更寬的中心佈局CSS

我需要將某些元素完全放置在以自己爲中心的div內。首先,這是可能的;

我已經包含我的股利在一個有餘裕的包裝:0自動;但它似乎並不奏效。顯然我無法看到的是什麼?

http://jsfiddle.net/pxWSt/

+0

適用於我的鉻,ff和IE9。 – Christoph

+0

如果您運行jsfiddle代碼,您將看到它將對齊並留下整個div,並且文本完全不顯示,因爲它居中。無論寬度如何,我需要將div居中。 – Radolino

+0

以'margin:0 auto;'爲中心只有在包裝具有固定寬度的情況下才有效。 – easwee

回答

0

我不知道這是否是你想要什麼:http://jsfiddle.net/pxWSt/5/

必備部件:

.container 
{ 
    margin-left:50%; 
    left:2500px;/*half of its own width*/ 
} 

註釋掉calc()部分可以用來代替它。太糟糕Opera不支持calc()

+0

它做它應該做的工作,但它使用固定的位置。我的意思是,容易想到「我會設定一半的寬度爲負值」,我認爲這不是一個很好的方法。 – Radolino

+0

@RobertoDelgazzo並非所有問題都有「一般解決方案」。特別是,「百分比」,「寬度」,「高度」,「頂部」和「左側」總是指父節點,更不用說'position:absolute'd元素將始終忽略父節點的對齊設置。如果你堅持使這個「一般」,我會建議結合JavaScript。 – Passerby

+0

到目前爲止是唯一有效的工作...測試將按照 – Radolino