DIV CSS 佈局教程網

本文向大家介紹一下DIV錯位：解決IE6、IE7、IE8樣式不兼容問題，比如采用"FLOAT：LEFT”的DIV在IE8、IE7、都沒問題，IE6下卻向下移動，出現空白，這是IE6裡DIV錯位的問題。

DIV錯位：解決IE6、IE7、IE8樣式不兼容問題

IE6裡DIV錯位的問題

采用"FLOAT：LEFT”的DIV在IE8、IE7、都沒問題，IE6下卻向下移動，出現空白。這是因為，IE6采用的內核默認把DIV之間的距離增加了3~5個PX，所以，試試是將下移的DIV的STYLE裡增加"margin-left:-5px;"或者更小。

解決IE7、IE8樣式不兼容問題

◆方法一、要在頁面中加入如下HTTPmeta-tag:

<metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/> 
 

只要IE8一讀到這個標簽，它就會自動啟動IE7兼容模式，保證頁面完整展示。

◆方法二、針對整個網站，在IIS中加入如下描述符就可以有相同的效果，當然這麼做范圍更廣。

<?XMLversionXMLversion="1.0"encoding="utf-8"?> 
<configuration> 
<system.webServer> 
<httpProtocol> 
<customHeaders> 
<addnameaddname="X-UA-Compatible"value="IE=EmulateIE7"> 
</customHeaders> 
</httpProtocol> 
</system.webServer> 
</configuration> 
 

解決IE6、IE7、IE8樣式不兼容問題

現在我們在做網頁的時刻總是要考慮一些浏覽器之間的兼容問題。近期在做一個短信平台的項目。在項目的開發過程中讓我遇到了一件頭痛的事情就是IE7與IE8不兼容。後面想了許多辦法得以解決。現共享如下：

如果你的頁面對IE7兼容沒有問題，又不想大量修改現有代碼，同時又能在IE8中正常使用，微軟聲稱，開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題，此代碼如下：

CODE:

<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>