[心得] HTML Doctype

公司用的外購元件在我手上的案子升級了相容 IE9 之後一直有不太聽話的狀況.....



譬如說 Grid 該有 Scrollbar 但是他都沒有出現

結果今天回公司請總監協助  也做了一堆亂七八糟的測試

到最後發現是 Doctype 的問題

產品用 html 4.01 表現正常  但是在這個案子會異常

案子換到 xhtml 1.0 之後  Grid 就正常了

但是超多頁面的排版噴掉

結果一檢查  發現一些狀況


1.用空格排版

  一個空隔在不同瀏覽器之間定義的寬度本來就不一樣,這無解

  但不知道位啥同一個瀏覽器解讀不同的 doctype 時也會有不同的定義

  是說本來就不應該用  去排位置 = =


2.<div style="width:30"></div>

  IE9 在 html 4.01 的定義下是 30px 但解讀 XHTML 1.0 時似乎變成 30%


3.text-align:center 拿來排巢狀 div or table

  這就不用說了  要改用  margin:auto


4.還有一些奇奇怪怪的 css 權重問題

  在舊版的IE可以吃得到外太空飛過來一筆的設定 IE9 吃不到....

  只好拿出 F12 大法慢慢檢查是沒套到哪個 css 設定檔


--

所以該說 XHTML 1.0 比 HTML 4.01 嚴謹？  還是解讀方式不同而已？