這情形發生在使用Dreamweaver CS3內建的數種CSS版型範本時, 重複測試之後, 確定這情形可能屬偶發事件, 主要應發生在建立範本後對CSS進行了些修改,導致區塊複製有問題, 並非每一次都會發生。
Dreamweaver CS3內建的CSS版型會添加許多附註,其中還包含了用來避免一些瀏覽器的css bug的設定,可以簡化一些CSS版型的作業,雖然套用時在不同瀏覽器上(如 IE7, Firefox)仍會有顯示不同的問題,不過還是可以簡化一些作業,仍然值得去使用。
發生Dreamweaver範本中的CSS無法套用到網頁中的大致情形為:
開新範本的時候使用Dreamweaver CS3的CSS版型範本, 該範本檔案會把CSS的內容寫在檔案本身, 如果CSS經過修改後, 把這個CSS版型範本套用到網頁中, 就可能出現CSS的設定無法套用到網頁的情形。
此情形應為Dreamweaver CS3在判斷段落的複製時出現問題, 這類情形還會出現在其他需使用段落複製的情形,例如插入Fireworks所匯出含有滑鼠變化按鈕的表格區塊。
解決方式:
1.既然是套用範本的版型, 如果更改幅度不大, 可以嘗試重新製作一次範本, 錯誤可能不會再發生! (不過如果有更動到樣式, 就可能還是會再次發生錯誤)
2.使用Dreamweaver CS3的內建CSS版型範本時,可以另外開一個外部的CSS定義檔,把範本裡頭的CSS定義搬到外部的CSS檔,繼承的網頁也連結相同的CSS檔,這樣就沒問題了! 不過缺點是, 得要手動把套用範本的網頁自行連結到與範本相同的css檔。