本文和大家重點討論一下在IE6、IE7、Firefox下的DIV+CSS網頁布局的注意問題，相信本文介紹一定會讓你有所收獲。

在IE6、IE7、Firefox下的DIV+CSS網頁布局的注意問題

DIV+CSS瀏覽器兼容問題一直困繞著許多從事DIV＋CSS網頁排版的美工人員，尤其是IE與火狐的兼容.用DIV+CSS布局的網頁在IE下顯示一切正常,可是在火狐（FireFox）瀏覽器里打開，本來好好網頁一下子就全亂了.讓人怎么看?這一定會影響到你的網站的推廣,seo優化,不利于搜所引擎的搜索.所以解決DIV+CSS瀏覽器兼容的問題是完全必須的。

下面來看一下DIV+CSS瀏覽器兼容的實例，區分IE6，IE7，firefox火狐瀏覽器CSS的寫法，先來分開區分一下。

◆首先聲明DIV+CSS瀏覽器兼容性IE6與IE7與火狐(firefox)的一些識別規則：

1.IE都能識別*;標準瀏覽器(如Firefox)不能識別*；

2.IE6能識別*，但不能識別!important,

3.IE7能識別*，也能識別!important;

4.firefox不能識別*，但能識別!important;

◆請看下簡單的DIV+CSS瀏覽器兼容實例:

1．IE6和firefox的區別：

background:orange;*background:blue;
意思就是火狐瀏覽器的背景顏色是橙色,而IE瀏覽器的背景色是藍色.

2.IE6和IE7的區別：

background:green!important;background:blue;
意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍色

3.區別IE7與Firefox：

background:orange;*background:green;
意思指的是:火狐瀏覽器的背景顏色是橙色,而IE7的背景顏色是綠色

4.Firefox，IE7，IE6：
background:orange;*background:green!important;*background:blue;
意思是火狐瀏覽器的的背景橙色,IE7瀏覽器的背景顏色是綠色,而IE6瀏覽器的顏色是藍色.

為了更加清楚的來表達說明DIV+CSS瀏覽器兼容下面表格是更加清楚的能表達IE6,IE7,Firefox之間的識別標識區別:

               IE6          IE7          Firefox

      *          √           √              ×

important  ×            √            √

_(下劃線)  √            ×            ×

【注：:不管是什么方法，書寫的順序都是Firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。】

【編輯推薦】

1. 探究IE7beta2的CSS兼容性
2. IE6、IE7、Firefox中margin問題解決辦法
3. DIV CSS完美兼容IE6/IE7/FF的通用方法
4. CSS兼容：解決IE6、IE7和IE8的兼容問題妙招
5. 將XHTML+CSS頁面轉換為打印機頁面技巧