【发布时间】:2010-10-21 10:00:22
【问题描述】:
我在 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,这将使事情进一步复杂化,但我已经为此做好了准备。如果有人知道对此的神奇解决方案,我将不胜感激,因为我现在已经放弃了。
谢谢
【问题讨论】:
-
哦:我不确定我能否在目标服务器上使用 .htaccess。因为使用当前设置,从逻辑上讲,我可以让服务器将 hackfile 重定向到空白文件。我也不太喜欢,但至少它比当前的实现更能防客户端错误。
-
嗯,什么?我确定我不关注...
标签: css dreamweaver