Re: [問題] CSS的置中
※ 引述《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
推
02/04 02:54, , 1F
02/04 02:54, 1F
推
02/04 08:45, , 2F
02/04 08:45, 2F
→
02/04 08:46, , 3F
02/04 08:46, 3F
討論串 (同標題文章)