IE Firefox css 差別

來源:互聯網
上載者:User
1、單位問題
問題:任何距離的數值ie可以不加單位,ff必須要求寫單位(0除外)
解決:寫全單位如padding:0px;

2、水平置中
問題:div裡的內容,ie預設為center,而ff預設left
解決:mairgin:0px auto;

3、高度問題
問題:如果設定了一個DIV的高度,當DIV裡實際內容大於所設高度,ie會自動展開以適應DIV容器大小,ff會固定DIV的告訴,超過部分超出DIV底線以外,出現和下面的內容重疊的現象
解決:控制恰當的高度,或者不寫,讓瀏覽器自動調節高度,或者設定overflow:hidden;

4、clear:both;
問題:如果上面用float控制了n列DIV,下面ie會自動檢測自動排文,ff則可能很不老實,到處亂動
解決:float結束後的下一個標籤加clear:both;以結束float的控制

5、最大/小寬度問題
問題:min-width,max-width只是ff的命令,如何讓ie實現同樣的效果
解決:ie不認識min-和max-,實際ie認為min-width、max-width和width效果一樣,可以用下面方法解決
#cctext{
min-width: 700px;
max-width: 1000px;
width:expression(document.body.clientWidth<700 ? "700px" : document.body.clientWidth>1000 ? "1000px" : "auto");
}

6、!important支援
問題:ff支援ie不支援
解決:無。ie會忽略。

7、遊標狀態
問題:cursor:hand;僅ie支援,顯示手指狀態
解決:使用cursor:pointer;ie和ff都支援

8、實際像素
IE/Opera:對象的實際寬度 = (margin-left) + width + (margin-right)
Firefox/Mozilla:對象的實際寬度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-width) + (margin-right)
所以排列好及列的表格時ie和ff顯示寬度稍有區別

1、單位問題
和DTD有關,而不是和瀏覽器有關。如果DTD是XHTML那必須加單位

2、水平置中
沒看明白。。不過mairgin:0px auto; 是讓div本身置中

4、clear:both;
不老實的是IE,浮動是不會佔空間的

5、最大/小寬度問題
可以用hack搞定,_height, _width

6、IE7也支援!important

8.是不是怪異和標準模式?

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.