在FF和IE9中工作的CSS中心列？

Question

我完全是CSS布局的初學者，但我試圖剛剛開始一個基本的，只是一個“固定寬度”中心列（只有一個div），這樣兩邊都很靈活。 我知道這不是響應/反應，但我剛剛開始。

所以我試過谷歌搜索大量的例子，但我找不到適用於FF和IE9的起點？ 我的意思是剛開始，他們是不同的？

這是我嘗試的簡單風格的最新示例：

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #f5f5f5;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#content { 
 width: 900px;
 color: #333;
 border: 0px solid #f5f5f5;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 600px;
}

所以這是一個開始，但已經FF顯示這與中心對齊，IE沒有。 所以我嘗試的所有內容（即左邊：50％和邊距右邊：-461px，我發現的例子）對這些影響不同。 我在這里讀到了這是一個非常普遍的挑戰，但我擔心這里有一些我不知道的基礎邏輯？

非常感謝任何幫助！

編輯：感謝您的評論！ 我有以下，它再次適用於IE（和鉻）但不是FF嗎？

CSS：

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #f5f5f5;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 margin-left:auto;
 margin-right:auto;

}
#content { 
 width: 900px;
 color: #333;
 border: 2px solid #f5f5f5;
 background: white;
 padding: 10px;
 height: 600px;
 position:absolute;
 left:50%;
 margin-left:-461px;
}

#welcomeBanner{
    text-align:center;
    font-family:"segoe ui light","segoe ui","segoe";
    font-size:18pt;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:0px;
}

html：只是字面上的：

    <div id="wrapper">
        <div id="content">
            <div id="welcomeBanner">Attempting to Learn This Stuff<div>
        </div>
    </div>

所以在IE9和Chrome中我得到了中間的標題，大盒子中心用背景顏色等固定。在FF中沒什么。 我喜歡沒有應用於頁面的樣式？ 我正在使用頭部的鏈接標簽，但它顯然在那里，並為其他人工作？

Answer 1

body {
    width:100%
}

div {
    width: 900px;
    margin:0 auto;
}

應該管用

cf 在IE9中居中使用margin：auto