瀏覽器的格局現在是兩分天下，一分是IE，另一分是NetScape，在國內Ie有絕對的占有率，在這種情況下我們設計的網頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老。

　　雖然沒有辦法做出讓所有瀏覽器都兼容的網站，但只要注意以下幾點，做出來的網頁在各個瀏覽器都中能達到比較好的顯示效果：

　　不要混合使用層和表格排版，如果是父子關系，如層中表格，不在此原則范圍內。

　　內聯式的 CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式。

　　有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。

　　對于只有幾個像素寬度或高度的層，改用圖片來實現。

　　避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。

第二種方法：做兩個適合不同分辨率的頁面，一個是800×600，一個是1024×768，在800×600的頁面中加入一下代碼就可以實現跳轉了：

　　 解決分辨率問題在Dreamweaver中沒有此項功能，我們只能手動加入一段Javascript代碼。首先在change－ie.html或change－nc.html頁面代碼中的< head>和< /head>中加入以下代碼：

　　 < script language=JavaScript>  

　　 < !－－

　　 function redirectPage(){  

　　 var url800x600=〃index－ie.html〃; //定義兩個頁面，此處假設index－ex.html和1024－ie.html同change－ie.html在同一個目錄下  

　　 var url1024x768=〃1024－ie.html〃;  

　　 if ((screen.width==800) ＆＆ (screen.height==600))　//在此處添加screen.width、screen.height的值可以檢測更多的分辨率  

　　 window.location.href= url800x600;  

　　 else if ((screen.width==1024) ＆＆ (screen.height==768))  

　　 window.location.href=url1024x768;  

　　 else window.location.href=url800x600;  

　　 }  

　　 // －－>  

　　 < /script>

　　 然后再在< body…>內加入onLoad=〃redirectPage()〃

　　 最后，同樣地，在< body>和< /body>之間加入以下代碼來顯示網頁的工作信息：

　　 < script language=JavaScript>  

　　 < !－－

　　 var w=screen.width  

　　 var h=screen.height  

　　 document.write(〃系統已檢測到您的分辨率為:〃);  

　　 document.write(〃< font size=3 color=red>〃);  

　　 document.write(w＋〃×〃＋h);  

　　 document.write(〃< /font>〃);  

　　 document.write(〃正在進入頁面轉換,請稍候…〃);  

　　 // －－>  

　　 < /script>