CSS - 僅在IE 7中將內容推到左側

我的website同時通過了對XHTML和CSS的驗證。在Firefox，Chrome，Safari，Opera甚至IE 6（唉，不是IE 5.5但誰在乎？）看起來都很好。那麼爲什麼在IE 7中一切都會被推到左邊？任何建議將不勝感激。CSS - 僅在IE 7中將內容推到左側

來源

2009-02-15 Daniel Schaffer

WTH正在格式化嗎？ – 2009-02-15 18:49:38

不知道。對我來說看起來像一個bug（在預覽中看起來很好，對吧？） – 2009-02-15 18:51:01

是的，在預覽中看起來很好...我嘗試改變使用[標題]（url）格式的降價，仍然沒有喜悅... – 2009-02-15 18:53:00

當我做一個居中的頁面我做了以下;

爲「頁面」設置寬度-div並修復邊距並將內容居中在主體中。

#page { 
    width: 900px; 
    margin: 0 auto; 
    text-align: left; 
} 

body { 
    text-align: center; 
}

一貫致力於對我罰款在所有瀏覽器...

來源

2009-02-15 19:05:24 ullmark

換個格周圍的一切在<body>和設置您的保證金和寬度風格上格，而不是身體本身。在<body>上也設置text-align: center;。

<body> <!-- text-align: center --> 
    <div id="container"> <!-- width 960px, margin 30px auto, text-align: left, position: relative --> 
     <div id="nav"></div> 
     <div id="page"></div> 
     <div id="preload"></div> 
    </div> 
</body>

來源

2009-02-15 19:35:19

，因爲你定位在身體/ html元素這是完全錯誤的，絕不會看起來是一樣的所有瀏覽器它borked。參見：http://www.sitepoint.com/blogs/2009/02/11/styling-the-html-and-body-elements/

只需使用包裝元素 - 永遠不要放置身體。

來源

2009-02-15 19:42:40 ionelmc

CSS - 僅在IE 7中將內容推到左側

回答

相關問題