我在CSS中使用了一個相當基本的垂直擴展頁面佈局,並且我試圖調整此佈局,以便我的客戶端可以使用Dreamweaver中的模板編輯頁面。這是...好吧,粗糙。我習慣手工操作大部分這些東西,但它工作得很好。Dreamweaver特定的CSS?
我正在使用類似於this page的最小高度技巧來使內容在瀏覽器中很好地展開,以便在較大的顯示器上查看較短的頁面。該代碼完美適用於所有瀏覽器(不支持比IE7更早的網站,其他瀏覽器都可以),但Dreamweaver無法正確顯示最小高度。
我已經能夠通過使用一個.cn文件,它只有Dreamweaver使用它(它不存在於服務器上),使它在Dreamweaver中可編輯,但如果該文件提交,魔術現場直播中斷。這只是一個骯髒的黑客。
我猜,快速出來的方法是:是否有辦法讓Dreamweaver忽略一行CSS,或者讓它使用一行CSS,而這一行將被真正的瀏覽器忽略?或者,有沒有辦法讓一個最小高度的佈局在Dreamweaver中正常工作?
我使用該代碼,這基本上是以下幾點:
站點代碼:
html, body {
padding: 0px;
margin: 0px;
height: 100%;
}
body {
position: relative;
width: 100%;
height: 100%;
}
#mainFrame {
position: relative;
min-height: 100%;
width: 980px;
/*center in parent*/
margin-left: auto;
margin-right: auto;
}
,這讓Dreamweaver的幸福代碼:
html {
height: 100%;
}
#mainFrame {
height: 100%;
}
我讀的地方, Dreamweaver的佈局引擎基於IE的渲染引擎,這可能會解釋大部分問題。我正在使用CS3,而我的客戶正在使用CS5,這將使事情進一步複雜化,但我已經爲此做好了準備。如果有人知道這個魔法解決方案,我將非常感激,因爲我現在已經放棄了它。
感謝
哦:我不確定我能否在目標服務器上使用.htaccess。因爲使用當前設置,邏輯上我可以讓服務器將hack文件重定向到空白文件。我也不喜歡那麼多,但至少它是防止客戶端錯誤的,比當前的實現更爲重要。 – 2010-09-25 19:54:47
哦,它是遊戲怪胎 – 2010-09-25 20:10:46
嗯,什麼?我確信我沒有關注...... – 2010-09-25 22:57:29