Estrutura de página com dataTable

Front-end
#1

Olá pessoal, estou comm um problema, estou desenvolvendo um projeto e a minha estrutura das páginas estava com panels, mas queria colocar tudo comm dataTable. O problema é que quando eu insiro o meu topo e o rodapé somente, com dataTable individuais de uma linha e uma coluna, ele funciona, mas na hora que eu coloco o conteúdo que é dividido em duas colunas umas para o menu e outra para os formulários ele dá pauu… não consegui descobrir que erro que é. Segue abaixo o código da minha tabela, se alguem puder dar uma olhada e me dizer o que é eu agradeço . .
Até mais pessoal


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> Empresa</title>
<!--Chamada ao arquivo CSS -->
<link rel="StyleSheet" type="text/css" href="..\..\css\estilos.css"
	rel='stylesheet' media="screen">
</head>


<f:view>
	<div id="geral">
		 <rich:dataTable id="topo" rows="1" value="01">
						<h:column>
							<jsp:include page="/pages/menu/topo.jsp"></jsp:include>
						</h:column>
		</rich:dataTable>
		
		<rich:dataTable id="menu" rows="2" value="02">
						<h:column>
							<jsp:include page="/pages/menu/menuInc.jsp"></jsp:include>
						</h:column>
		
						<h:column>
						 <rich:panel style="width:650px">
				                <fieldset>
				                    <legend >Dados da Empresa</legend>
				                     <h:messages styleClass="mensagens"/>
				                    <!--Tag JSF, com o atributo styleClass referenciado o seletor CSS específico  -->                   
				                    <h:outputText value="RAZAO SOCIAL:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreRazaoSocial" required="true" value="#{empresa.empreRazaoSocial}" styleClass="edit"  maxlength="70"  size="90" /><br>
				                    <h:outputText value="NOME FANTASIA:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreNomeFantasia" required="true" value="#{empresa.empreNomeFantasia}" styleClass="edit"  maxlength="70"  size="90" /><br>
				                    <h:outputText value="CNPJ:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreCnpj" required="true" value="#{empresa.empreCnpj}" styleClass="edit" maxlength="14"  size="20" onkeydown="mascaraTexto(event,'999.999.999-99')"/><br>
				                    <h:outputText value="INSCRICAO ESTADUAL:" styleClass="rotulos"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                    <h:outputText value="INSCRICAO MUNICIPAL:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreInscrEstadual" required="true" value="#{empresa.empreInscrEstadual}" styleClass="edit" maxlength="15"  size="20" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                    <h:inputText id="empreInscrMunicipal" required="true" value="#{empresa.empreInscrMunicipal}" styleClass="edit" maxlength="15"  size="20" /><br>
				                    <h:outputText value="LOGIN:" styleClass="rotulos"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                    <h:outputText value="SENHA:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreLogin" required="true" value="#{empresa.empreLogin}" styleClass="edit" maxlength="30"  size="40" />&nbsp;&nbsp;&nbsp;
				                    <h:inputSecret id="empreSenha" required="true" value="#{empresa.empreSenha}" styleClass="edit" maxlength="15"  size="20" /><br>
				                    <h:outputText value="Telefone:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreTelefone" required="true" value="#{empresa.empreTelefone}" styleClass="edit" maxlength="20"  size="30" /><br>
				                    <h:outputText value="E-mail:" styleClass="rotulos"/><br>
				                    <h:inputText id="empreEmail" required="true" value="#{empresa.empreEmail}" styleClass="edit" maxlength="50" size="70" /><br>
				                    <h:outputText value="RAMO DE ATUACAO:" styleClass="rotulos"/><br>
				                    <rich:comboBox styleClass="edit" id="empreRamoAtuacao" required="true" value="#{empresa.empreRamoAtuacao}">
										<f:selectItem itemValue="Petroquimica"/>
										<f:selectItem itemValue="Mineradora"/>
									</rich:comboBox><BR>
				                 <hr>
				                    <h:commandButton value="Gravar" type="submit" styleClass="botoes" action="#{empresa.gravar}"/>
				                    <h:commandButton value="Limpar" type="reset" styleClass="botoes"/>
				               </fieldset>
				                <br>
				            </rich:panel>
						</h:column>
		
	</rich:dataTable>
	
		<rich:dataTable id="creditos" rows="1" value="03">
						<h:column>
							<jsp:include page="/pages/menu/creditos.jsp"></jsp:include>
						</h:column>
		</rich:dataTable>

	
		</div>
</f:view>
</html>
#2

O rich:dataTable serve para exibir uma coleção de dados.

Para formatação recomento a utilização do h:panelGrid. Ele tem a mesma semântica de organização das tables usadas em HTML. Só que ao invés de usar os atributos td e tr você terá que utilizar apenas o columns, que informa quantas colunas a sua tabela terá.

<>
Esqueci de mencionar o h:panelGrid você pode utilizar quantos quiser um dentro do outro da mesma forma que com as tables.

#3