Xpages OneUI 2.1 lotusColLeft：可以使高度与lotusContent相同吗？

Question

我在没有页脚的应用程序中找不到应用程序布局。有没有办法让lotusColLeft（或/和lotusColRight）与lotusContent div的长度相同？用户对于左侧菜单的背景颜色不会一直到页面底部这一事实抱怨。

Answer 1

您可以使用Firebug或其他一些CS调试器来查看左窗格和内容窗格的CSS，看看是否可以调整CSS（可能会尝试100％的高度）。

您可能最终必须获取内容div的高度，然后在CSJS onClientLoad中将左div设置为相同的高度。如果用户更改浏览器窗口大小，您还必须在窗口调整大小事件中使用相同的代码。

霍华德

Answer 2

好的，这就是我最终实现这一目标的方式：我使用了背景图片。我不同意，但不是理想的，但比原始解决方案（在这个答案的底部）更少问题：

.lotusContent {
    background: url(leftColBkgd.png) repeat-y;
}

.lotusColLeft { 
    background-color: grey; 
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}

原始解决方案：

.lotusColLeft { 
    background-color: grey; 
    min-height:2048px;
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}