2010-09-25 35 views
2

我在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,這將使事情進一步複雜化,但我已經爲此做好了準備。如果有人知道這個魔法解決方案,我將非常感激,因爲我現在已經放棄了它。

感謝

+0

哦:我不確定我能否在目標服務器上使用.htaccess。因爲使用當前設置,邏輯上我可以讓服務器將hack文件重定向到空白文件。我也不喜歡那麼多,但至少它是防止客戶端錯誤的,比當前的實現更爲重要。 – 2010-09-25 19:54:47

+0

哦,它是遊戲怪胎 – 2010-09-25 20:10:46

+0

嗯,什麼?我確信我沒有關注...... – 2010-09-25 22:57:29

回答

1

我也沒有使用Dreamweaver,但是這個Adobe article on IE conditional comments可能是相關的:我想知道是否可以調整Dreamweaver首選項以加載將被真實瀏覽器忽略的條件註釋版本字符串。

+0

錯字:我打算用它的俗名叫做Dreamreaver。 :-) – 2010-09-25 20:21:27

0

我知道這個答案不會幫助....但我個人(會)永遠依靠所見即所得渲染....我使用DW CS5自己,而只用代碼 - 查看

+0

我全心全意地同意,但可悲的是,我的客戶(一旦完成設置,他將編輯頁面)不是代碼猴子。我從不使用所見即所得,我更喜歡手寫代碼。^_^ – 2010-09-25 20:18:31

+1

mhmm ...怎麼樣圍繞CMS環繞你的佈局?(這就是我們製作它的方式):) – someGuy 2010-09-26 15:19:14

0

我真的想出了我自己的答案,這是重大的作弊,但它確實有效。以下使用CSS註釋來隱藏(來自Dreamweaver)PHP代碼,這會導致服務器基本上吐出一個空文件。條件評論幾乎肯定是一個更好的方法來做到這一點,但它仍然是一個有趣的解決方案(我認爲),它可能對某人有用。

/* <?php if (false) { ?> */ 
body { /* some editor-only CSS */ } 
/* <?php } ?> */ 
+0

是的,它只是*尖叫*醜陋的黑客,我知道。我沒有說這是一個很好的解決方案。這裏的「好」解決方案不是使用Dreamweaver。^_ ^ – 2010-10-21 02:01:17