Question

我在CSS中使用了一个相当基本的垂直扩展页面布局，我正在尝试调整此布局，以便我的客户端可以使用Dreamweaver中的模板编辑页面。这是......好吧，粗暴的。我习惯于手工完成大部分工作，但是效果还不错。

我正在使用类似于this page的最小高度技巧，以便在浏览器中很好地扩展内容，以便在大型显示器上查看较短的页面。该代码在所有浏览器中都能完美运行（不支持网站上IE7以外的任何东西，其他浏览器也可以）但Dreamweaver无法正确渲染最小高度。

我已经能够通过使用只有Dreamweaver使用的.css文件（它在服务器上不存在）使其在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，这会让事情进一步复杂化，但我已经为此做好了准备。如果有人知道一个神奇的解决方案，我会非常感激，因为我现在已经放弃了它。

由于

Answer 1

我也没有使用Dreamweaver，但这个Adobe article on IE conditional comments可能是相关的：我想知道你是否可以调整Dreamweaver首选项来加载一个真实浏览器会忽略的条件注释版本字符串。

Answer 2

我知道这个答案无济于事......但我个人（将）永远不会依赖WYSIWYG渲染....我自己使用DW CS5，但只使用代码视图

Answer 3

我实际上想出了我自己的答案，这是一个重要的作弊，但确实有效。以下使用CSS注释隐藏（来自Dreamweaver）PHP代码，这导致服务器基本上吐出一个空文件。有条件的评论几乎肯定是一种更好的方法，但它仍然是一个有趣的解决方案（我认为），它可能对某人有用。

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

Dreamweaver特定的CSS？

3 个答案: