作者franklai (半分の月)
看板Web_Design
標題Re: [問題] CSS的置中
時間Sun Feb 4 00:43:02 2007
※ 引述《Derix (PalaPala)》之銘言:
: 小的寫了個網頁,欲將整個版面置中:
: <div class="main">
: ...
: </div>
: 而引入的CSS內容:
: .main
: {
: width: 700px;
: margin: auto;
: }
: 不過問題可來了,FireFox裡的網頁顯示正確(所有CSS均能正常顯示)
: 然而IE卻顯示失敗(除了不能置中,部分的CSS也莫名失效)
: 不知道是否有人也遇過這種問題,還請問有什麼解決方法Orz
: 感謝眾前輩的指點了!
問題出在於IE在quicks mode時,margin: auto是無效的
必須在strict mode下才有用
Quirks mode and strict mode相關請參考ppk的QuirksMode.org
http://www.quirksmode.org/css/quirksmode.html
單就讓div置中,只要加上doctype,讓IE在strict mode即可
可在以下網址裡挑一個能讓IE進入strict mode的doctype
http://hsivonen.iki.fi/doctype/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.166.202.242
推 buganini:是Quirk mode吧? 02/04 02:54
推 Derix:也感謝兩位前輩指點,不過Strict或Quirk Mode也都失敗欸= =" 02/04 08:45
→ Derix:小弟是用IE 6沒錯 @@a 02/04 08:46