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

HP — Sun, 17 Jul 2011 02:17:17 +0800

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 的高度在 Firefox 中就是指定的5px，但在 IE6 中是 19px。

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