風格不同於Chrome到IE。居中

我正在嘗試居中頁面。該頁面以鉻和FF爲中心顯示。 IE將所有內容推向左側。在我感到困惑的地方是，我爲多個頁面使用了1個樣式表，其中幾個頁面在所有瀏覽器中都是正確的。最佳猜測是我在頁面上設計的東西是生成不正確的格式。風格不同於Chrome到IE。居中

唯一可行的解決方案是如果我應用text align: center，但這不適用於他們的其他幾種文本樣式已經通過身體。

我試圖通過改變它 margin: 0 改變保證金 margin: 10px auto 0; 和 .container{width:auto;}到一個固定寬度.container{width:900px;}

我連着的jsfiddle這裏雖然林不知道這將有助於找出問題所在因爲它看起來居中。 http://jsfiddle.net/thetylercox/p6ENV/

目前的問題在這裏。 http://www.redwirelogic.com/index.html 當我發現問題不適時更新小提琴以顯示問題和解決方案。

來源

2013-02-01 Josh Cox

所以這裏的問題：

#wrapper { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; } 

/* Wrapper Sub Elements */ 
.w-main { width:1004px; margin:0 auto; overflow:hidden; }

基本上你正在創建一個「包裝」是相同的寬度爲當前窗口。然後，您創建一個具有自動向左/向右邊距設置寬度1004px的子元素。

這個碰到窗口最左邊的原因是因爲你的#wrapper元素是左對齊的文本。

你應該做的是喜歡簡單的東西：

#wrapper { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; 
     text-align:center; } // <-- that 

/* Wrapper Sub Elements */ 
.w-main { width:1004px; margin:0 auto; overflow:hidden; 
     text-align:left;} // <----and this

來源

2013-02-01 19:28:35

感謝您的快速響應沒有注意到這一點！非常感謝現在嘗試修復，並會回覆細節。 –

無瑕修復！解決下一個問題！謝謝！ –

很高興爲您服務！ –

怪癖模式是你。你的DOCTYPE更改爲類似

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

或

<!DOCTYPE HTML>

，無需對準中心。這也將在IE中解決很多其他問題。

來源

2013-02-01 19:34:11

風格不同於Chrome到IE。居中

回答

相關問題