margin：0 auto;似乎工作在Chrome/FF罰款，但同樣，IE不同意

在我的Joomla網站，我使用它使用下面的CSS規則，使中心的內容窗格中的模板：margin：0 auto;似乎工作在Chrome/FF罰款，但同樣，IE不同意

clear:both; 
margin:0 auto; 
width:920px;

這似乎是工作在FF/Chrome中非常好，但在IE中加載時，全部都粘在窗口的左側。這有什麼問題？保證金：0汽車;似乎是一個明智的，直接的規則。爲什麼IE不服從？

來源

2009-10-12 Peter Perháč

這應該是據我所知工作。元素是一個div，並且它顯示爲一個塊？我知道如何使用定位來實現這一點，如果您對保證金方法不是很珍貴的話。 – Rowan 2009-10-12 11:15:54

它是一個div和display：block;如果達到目標的難度在合理範圍內，我不會介意嘗試不同的方法。 – 2009-10-12 11:19:10

檢查你的DOCTYPE不會是這樣的：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<!-- --><?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

因爲那樣的話，IE將在怪異模式（無boxmodel）

來源

2009-10-12 11:19:18 k0ni

沒有。不是這個。它是<！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」> – 2009-10-12 11:29:11

，但一個很好的建議仍然:) – 2009-10-12 11:29:47

也許你可以解決它使這個：環繞你想與文本對齊中心到中心並給DIV一個div innerdiv文本對齊左側 – k0ni 2009-10-12 11:36:06

另一種方法是使用以下命令：

position:absolute;left:50%; 
margin:0 0 0 -460px; 
width:920px;

這將中心div在其父。

來源

2009-10-12 11:22:43 Rowan

將現在嘗試此:) – 2009-10-12 11:31:44

有時，它可能有助於明確地展開選項：

margin-top: 0; 
margin-bottom: 0; 
margin-left: auto; 
margin-right: auto;

來源

2009-10-12 11:37:51 Piskvor

margin：0 auto;似乎工作在Chrome/FF罰款，但同樣，IE不同意

回答

相關問題