DIV CSS 佈局教程網

在網站設計的時候，應該注意css樣式兼容不同浏覽器問題，特別是對完全使用DIVCSS設計的網，就應該更注意IE6、IE7、FF對CSS樣式的兼容。

DIVCSS設計時IE6、IE7、FF兼容性問題解決

在網站設計的時候，應該注意css樣式兼容不同浏覽器問題，特別是對完全使用DIVCSS設計的網，就應該更注意IE6、IE7、FF對CSS樣式的兼容，不然，你的網亂可能出去不想出現的效果！

所有浏覽器通用
height:100px;
IE6專用
_height:100px;
IE6專用
*height:100px;
IE7專用
*+height:100px;
IE7、FF共用
height:100px!important;

一、CSS兼容

以下兩種方法幾乎能解決現今所有兼容.

1,!important(不是很推薦，用下面的一種感覺最安全)

隨著IE7對!important的支持,!important方法現在只針對IE6的兼容.(注意寫法.記得該聲明位置需要提前.)
代碼:

<style> 
#wrapper{  
width:100px!important;  
width:80px;  
}  
style> 

2,IE6/IE77對Firefox

*+html與*html是IE特有的標簽,Firefox暫不支持.而*+Html又為IE7特有標簽.
代碼:

<style> 
#wrapper{width:120px;}  
*Html#wrapper{width:80px;}  
*+Html#wrapper{width:60px;}  
style> 

注意:
*+html對IE7的兼容必須保證Html頂部有如下聲明：
代碼:

 
　"http://www.w3.org/TR/Html4/loose.dtd">