2015-12-19 28 views
1

我已经在那里我使用JQuery选项卡页面。以下是清楚解释我的问题的屏幕截图。对准JQuery用户界面选项卡下

Issue1:jQuery的选项卡的div部对准中心,我想设置整个片部分占据底部部分第一(绿色标记的在图像)

的100% 问题2:该选项卡与我的水平下拉菜单(在图像中用黄色标记)重叠。我怎样才能使下拉菜单重叠div的浮动在每一层之上。

注意:我正在为我的应用程序使用磁贴。菜单部分什么在其他一些jsp页面和标签部分被映射到瓷砖

的属性这里是我的瓷砖定义

<definition name="baseLayout" template="/BaseLayout.jsp"> 
     <put-attribute name="title" value="Hello World"/> 
     <put-attribute name="header" value="/Banner.jsp"/> 
     <put-attribute name="menu" value="/Menu.jsp"/> 
     <put-attribute name="body" value="/Body.jsp"/> 
     <put-attribute name="footer" value="/Footer.jsp"/> 
    </definition> 

enter image description here

回答

2

您可以在CSS中增加你的子菜单中的 'z-index的' 重叠菜单。对于标签高度,您可以使用jquery将高度分配给选项卡或将页面背景更改为白色。所以该选项卡与页面合并。

+0

非常感谢。在使用'z-index'之后,子菜单问题的重叠现在很好。但关于第二个问题,我能够在增加div的大小后填充底部部分,但是想要在增加div的大小的情况下实现这一点。请建议是否有其他方式来实现这一点。 –

1
+0

我很抱歉,但我不希望我的标签名称回落。我只是试图将整个标签部分移到页面底部。正如你所看到的那样,白色部分是标签部分,它占据页面的上半部分,首先在底部留下一些未使用的空间(用蓝色着色)。所以我想先让div部分占据下部。希望这个解释我的问题很明显 –

相关问题