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

Question

我正在取消没有页脚的应用程序中的应用程序布局。有没有办法让 lotusColLeft (or/and lotusColRight) 与 lotusContent div 的长度相同？用户有点抱怨左侧菜单的背景颜色没有一直到页面底部。

Answer 1

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

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

霍华德

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;
}

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

Xpages OneUI 2.1 lotusColLeft: possible to make height same as lotusContent?

xpages

ibm-oneui

xpages-extlib