Olá Pessoal, acredito que seja simples mas não estou conseguindo resolver o meu problema. Meus subitens do menu que esta no layout west esta sendo sobreposto pelo layout center.
Template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<h:outputScript name="js/calendar.js" />
<style type="text/css">
.ui-layout-west {
z-index: 5 !important;
overflow: visible !important;;
}
.ui-layout-center {
z-index: 20 !important;
overflow: visible !important;;
}
</style>
</h:head>
<h:body>
<p:layout fullPage="true">
<p:layoutUnit position="north" height="60">
</p:layoutUnit>
<p:layoutUnit position="west" height="50" header="Menu">
<h:form prependId="false">
<ui:include src="/menu/menu.xhtml" />
</h:form>
</p:layoutUnit>
<p:layoutUnit position="center">
<ui:insert name="center">
</ui:insert>
</p:layoutUnit>
</p:layout>
</h:body>
</html>
Alguém sabe como resolver isso?
Desde já agradeço.
Abraços.
Renan.