Segue as imagense o codigo abaixo:
O problema esta na renderização dos componentes no IE, alguem ja passou por isso, se puderem ajudar, fico grato.
Link das 3 imagens:
[url]http://img846.imageshack.us/g/chromel.jpg/[/url]
IE:
[url]http://img508.imageshack.us/i/86523824.jpg[/url]
Chrome:
[url]http://img846.imageshack.us/i/chromel.jpg[/url]
Mozila:
[url]http://img853.imageshack.us/i/firefoxw.jpg[/url]
template.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!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:p="http://primefaces.prime.com.tr/ui"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<title>Eletrocon Loja Online</title>
<link type="text/css" rel="stylesheet" href="theme.css"/>
<link type="text/css" rel="stylesheet" href="layout.css"/>
</h:head>
<h:body>
<p:layout fullPage="true">
<p:layoutUnit position="top" height="160" styleClass="fundoBanner">
<ui:insert name="top">Top</ui:insert>
</p:layoutUnit>
<p:layoutUnit position="left" width="186" scrollable="true">
<ui:insert name="menu">Menu</ui:insert>
</p:layoutUnit>
<p:layoutUnit position="center" scrollable="true">
<ui:insert name="centro">Centro</ui:insert>
</p:layoutUnit>
<p:layoutUnit position="right" scrollable="true" width="420">
<ui:insert name="carrinho">Carrinho</ui:insert>
</p:layoutUnit>
</p:layout>
</h:body>
</html>
index.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
template="template.xhtml">
<ui:define name="top">
<ui:include src="topo.xhtml"></ui:include>
</ui:define>
<ui:define name="menu">
<ui:include src="menu.xhtml"></ui:include>
</ui:define>
<ui:define name="centro">
<p:outputPanel id="centro">
<ui:include src="#{paginasBean.paginaPrincipal}"/>
</p:outputPanel>
</ui:define>
<ui:define name="carrinho">
<ui:include src="carrinho.xhtml"></ui:include>
</ui:define>
</ui:composition>
o que pode estar errado?
Obrigado
