Div com heigth 100%

1 resposta
evertonsilvagomesjav

Pessoal tenho uma div que nao fica com heigth 100% por nada =/
Alguem da uma ajuda ai =[

essa e a div
<div style="float: left; width: 50%; height: 100%" >
				<fieldset>
						<legend>Considerações CGRH</legend>
					<table>						
						<tr>
							<td><h:inputTextarea
								value="#{justificarPedidoReconsideracaoChefiaMB.tbReconsideracao.dsJustificativa}"
								onkeyup="excedeuTamanhoMaximo(this,500);"
								style="width : 403px; height : 123px;" /></td>
						</tr>
						<tr></tr>
						<tr>
							<td>
								<span class="btn"> 
									<span> 
										<a4j:commandButton
											value="Salvar"
											action="#{justificarPedidoReconsideracaoChefiaMB.alterarPedidoReconsideracao}">								
										</a4j:commandButton> 
									</span> 
								</span>
							</td>
						</tr>
					</table>
					</fieldset>				
			</div>

aqui ta a pagina toda:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!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:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<ui:composition
	template="/publico/guiaestilo_1_0_0/xhtml/template.xhtml">
	<ui:define name="breadcrumb">Página inicial > Reconsideracao > Administrar</ui:define>
	<ui:define name="corpo">
		<a4j:keepAlive beanName="justificarPedidoReconsideracaoChefiaMB" />
		<a4j:loadStyle src="/publico/css/manterservidor/incluirservidor.css" />
		<h:form id="form">
			<fieldset>
				<legend>INCLUIR PEDIDO DE RECONSIDERAÇÃO</legend> 
			<br />
			<div style="width: 10%">
				<span>
					<h:outputText value="Servidor" />
					<h:outputText value="******" />
				</span>
			</div>
			<br />
			<div style="width: 20%">
				<span>
					<h:outputText value="Justificativa do Pedido" />
					<h:outputText value="******" />
				</span>
			</div>			
			<br /><br />			
			<div style="width: 20%">
				<span>
					<h:outputText value="Referência a:" />					
				</span>
			</div>
			<br />
			<div style="width: 50%; float: left;">		
				<h:panelGrid columns="3">							
					<rich:dataTable id="tabelaMeta"
						value="#{justificarPedidoReconsideracaoChefiaMB.listDataModelMetaServidor}"
						var="meta" rowClasses=",cinza">
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Plano de Trabalho *" />
							</f:facet>
							<h:outputText value="#{meta.coIdentificadorMeta.noMeta}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Nota" />
							</f:facet>
							<h:outputText value="#{meta.tbAvaliacaoMetaCollection[0].vlNota}" />
						</rich:column>
					</rich:dataTable>	
					<rich:separator width="15"/>								
					<rich:dataTable id="tabelaFatores"
						value="#{justificarPedidoReconsideracaoChefiaMB.listDataModelQuesitosServidor}"
						var="quesito" rowClasses=",cinza" >						
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Fatores *" />
							</f:facet>
							<h:outputText value="#{quesito.dsQuesitos}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Nota" />
							</f:facet>
							<h:outputText
								value="#{quesito.tbAvaliacaoQuesitosCollection[0].vlNota}" />
						</rich:column>
					</rich:dataTable>
				</h:panelGrid>						
			</div>						
			<div style="float: left; width: 50%; height: 100%" >
				<fieldset>
						<legend>Considerações CGRH</legend>
					<table>						
						<tr>
							<td><h:inputTextarea
								value="#{justificarPedidoReconsideracaoChefiaMB.tbReconsideracao.dsJustificativa}"
								onkeyup="excedeuTamanhoMaximo(this,500);"
								style="width : 403px; height : 123px;" /></td>
						</tr>
						<tr></tr>
						<tr>
							<td>
								<span class="btn"> 
									<span> 
										<a4j:commandButton
											value="Salvar"
											action="#{justificarPedidoReconsideracaoChefiaMB.alterarPedidoReconsideracao}">								
										</a4j:commandButton> 
									</span> 
								</span>
							</td>
						</tr>
					</table>
					</fieldset>				
			</div>
			</fieldset>
				<br></br><br></br>
			<div style="text-align: center">
				<span class="btn">
					<span>
						<h:commandButton value="Enviar a Chefia" />
					</span>
				</span>
				<span class="btn">
					<span>
						<h:commandButton value="Voltar" />
					</span>
				</span>
			</div>
		</h:form>
	</ui:define>
</ui:composition>
</html>

1 Resposta

rafaelbtz

Todos os outros componentes que são “PAIS” (HTML, BODY, FORM, outras DIVS) da DIV precisam estar com height=100%

Use o Chrome ou o Firefox, ou 2 tem uma Ferramenta de Desenvolvedores (só apertar F12), nela vc pode ir vendo toda a arvore de componentes e alterando o CSS de todas diretamente no HTML gerado para poder testar

Criado 4 de julho de 2012
Ultima resposta 4 de jul. de 2012
Respostas 1
Participantes 2