造型 - 消除北部和中心之间的间隙(Primefaces)



我试图消除存在于北和中心布局之间的缓冲区或"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>

相关内容

  • 没有找到相关文章

最新更新