将JQuery UI选项卡对齐到底部

Question

我有一个页面，我正在使用JQuery标签。下面是清楚地解释我的问题的屏幕截图。

Issue1 ：JQuery Tab div部分与中心对齐，我想将整个标签部分设置为首先占据底部的100％（标记为图中的绿色）

问题2： 标签与我的水平下拉菜单重叠（在图片中标记为黄色）。如何让下拉菜单重叠div并浮动在每一层之上。

注意：我正在使用瓷砖作为我的应用程序。菜单部分其他jsp页面和标签部分中的内容已映射到切片的 body 属性

这是我的瓷砖定义

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

。

Answer 1

您可以通过增加css中子菜单的“z-index”来重叠菜单。对于选项卡高度，您可以使用jquery为选项卡指定高度或将页面背景更改为白色。因此标签与页面合并。

Answer 2

此链接解决了您的问题：

http://trycatchfail.com/blog/post/Easy-vertical-and-bottom-tab-panels-with-jQuery-UI