我试图消除存在于北和中心布局之间的缓冲区或"resize "。我已经使用了fullPage=true b/c我喜欢它自动调整大小。从屏幕边缘到内容主体的边界被设置为一种颜色,我通过将主体背景设置为这种颜色,并将北部和中心布局设置为白色来实现这一点。问题是背景的颜色通过分离北部和中心显示出来。我使用firefox/firebug,注意到那里有一个调整器,我可以删除这一行:
.ui-layout-resizer, .ui-layout-resizer-north, ui-layout-resizer-open, .ui-layout-resizer-north-open
{
height: 0px !important;
}
不幸的是,Primefaces仍然将中心布局[我怀疑]放置在北下方6像素,即使调整大小器已经消失。其结果是背景颜色显示通过一个划分。我试过将中心设置为相对位置,高度设置为-6px,但没有效果。我承认,我在CSS方面不是最先进的,但是有人能告诉我如何从北到中无缝过渡吗?我曾尝试将padding/border/margin设置为0,但在检查firebug后出现的问题似乎是"center"区域的绝对位置(南北6px),以便布局调整器有空间存在,即使我删除了它。
解决办法是把所有的东西都放在中间,去掉北方,但我不知道这是不是一个糟糕的设计。
我真的看不清你的代码是什么所以我有点不清楚,但是你试过了吗
.ui-layout-resizer, .ui-layout-resizer-north, ui-layout-resizer-open, .ui-layout-resizer-north-open
{
display: none;
}
如果我们有源代码,也会更容易弄清楚。
我不是真正有经验的jquery,但这似乎为我工作(与primefaces扩展):
<script type="text/javascript">
var layoutSettingsAll = {
name: "layoutSettings"
, north: {
spacing_open: 0
, spacing_closed: 0
}
}
$(document).ready(function() {
layoutSettings = $("body").layout(layoutSettingsAll);
});
</script>