Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[CSS] 觀察 IE6 與 Firefox 等瀏覽器相容性:以美寶首頁為例



1. 預設 body margin 不一樣

IE6 預設 body margin 上下是 15px,左右是 10px。Firefox 等瀏覽器上下左右四邊的預設 body margin 皆為 8px。

http://www.quirksmode.org/bugreports/archives/2005/10/IE6_input_field_topbottom_unwanted_margin.html

2. 指定 DIV 高度(height)時,最小高度不同

例如:<div style="height:5px">&nbsp;</div> 這個 DIV 的高度在 Firefox 中就是指定的5px,但在 IE6 中是 19px。

DIV最小高度的差異來自 IE6 不會將DIV高度設為低於文字內容之高度(和 font-size 有關))。IE6與其他瀏覽器預設字體大小基本皆為16px,但當指定DIV高度小於19px時,IE6 不會理會,需要以設定 line-height 或縮小 font-size 來達到縮小 DIV 高度。