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.是不是怪異和標準模式? |