Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Preciso colocar uma DIV ou um Table com altura 100%. Isto era possível (com tabelas) no HTML 4.01, mas agora o atributo height="100%" não funciona mais.Alguém sabe como resolver isto?
nem como style="HEIGHT: 100%"?
Eu tb acho que com style funciona tenta ai...
Não funciona. Veja o exemplo abaixo. Nele eu tenho um DIV e uma tabela e a classe altura. Mas não funciona em nenhum dos casos.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">.altura { height: 100%;}</style></head><body><div class="altura">Teste</div><table width="100%" border="1" class="altura"> <tr> <td> </td> </tr></table></body></html>
Olah. Meu problema tem a ver com altura tb.
Estou usando divs, com o propriedade position para posicionar os elementos.
O problema eh q qdo coloco alguma alguma coisa no conteudo central, o rodape nao desce, fica por cima deste conteudo. Não estou coneguindo fazê-lo descer.
Alguem pode me ajudar.
segue o codigo abaixo.
Ps: sou iniciante na area. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
---------------------------------------------------------------
<!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">](http://www.w3.org/1999/xhtml%22)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TRIBUNAL REGIONAL DO TRABALHO 16a. REGIÃO - MARANHÃO</title>
<link href="css/folha.css" rel="stylesheet" type="text/css" />
</head>
<body><!-- TOPO DA PÁGINA, ONDE FICA O BANNER -->
<div class="topo">
TOPO</div>
<br /><!--PARTE CENTRAL, COMPOSTA PELO MENU E PELO CONTEUDO PROPRIAMENTE DITO, MUTAVEL -->
<div class="centro">
CENTRO
<!-- MENU DA PAGINA -->
<div class="menu">
MENU <br />
</div>
<!-- CONTEUDO DINAMICO DA PAGINA, MUTAVEL ENQUANTO O USUARIO NAVEGA -->
<div class="conteudo">
CONTEÚDO<br />
</div><br />
</div>
<br /><!-- RODAPE -->
<div class="rodape">
RODAPE</div>
</body>
</html>--------- css -----------
/ TOPO, ONDE FICA O BRASAO /
.topo{
background-color:#006600;
}/ PARTE CENTRAL, COMPOSTA PELO MENU E PELO CONTEUDO PROPRIAMENTE DITO, MUTAVEL /
.centro{
position:relative;
}/ MENU DA PAGINA /
.menu{
position:absolute;
left:0;
top:0;
width:200px;
background-color:#CCCCCC;
}/ CONTEUDO DINAMICO DA PAGINA, MUTAVEL ENQUANTO O USUARIO NAVEGA /
.conteudo{
position:absolute;
left:205px;
top:0;
right:50px;
background-color:#66CCFF;
width:400px;
}
.rodape{
background-color:#FFFF00;
bottom:10px;
}tira essa linha q funciona<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">sempre acontece isso comigo.. e eu tiro isso... e funciona... o bom e velho HTML
>
Olah. Meu problema tem a ver com altura tb.
Estou usando divs, com o propriedade position para posicionar os elementos.
O problema eh q qdo coloco alguma alguma coisa no conteudo central, o rodape nao desce, fica por cima deste conteudo. Não estou coneguindo fazê-lo descer.
Alguem pode me ajudar.
segue o codigo abaixo.
Ps: sou iniciante na area. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
---------------------------------------------------------------
<!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">](http://www.w3.org/1999/xhtml%22)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TRIBUNAL REGIONAL DO TRABALHO 16a. REGIÃO - MARANHÃO</title>
<link href="css/folha.css" rel="stylesheet" type="text/css" />
</head>
<body><!-- TOPO DA PÁGINA, ONDE FICA O BANNER -->
<div class="topo">
TOPO</div>
<br /><!--PARTE CENTRAL, COMPOSTA PELO MENU E PELO CONTEUDO PROPRIAMENTE DITO, MUTAVEL -->
<div class="centro">
CENTRO
<!-- MENU DA PAGINA -->
<div class="menu">
MENU <br />
</div>
<!-- CONTEUDO DINAMICO DA PAGINA, MUTAVEL ENQUANTO O USUARIO NAVEGA -->
<div class="conteudo">
CONTEÚDO<br />
</div><br />
</div>
<br /><!-- RODAPE -->
<div class="rodape">
RODAPE</div>
</body>
</html>--------- css -----------
/ TOPO, ONDE FICA O BRASAO /
.topo{
background-color:#006600;
}/ PARTE CENTRAL, COMPOSTA PELO MENU E PELO CONTEUDO PROPRIAMENTE DITO, MUTAVEL /
.centro{
position:relative;
}/ MENU DA PAGINA /
.menu{
position:absolute;
left:0;
top:0;
width:200px;
background-color:#CCCCCC;
}/ CONTEUDO DINAMICO DA PAGINA, MUTAVEL ENQUANTO O USUARIO NAVEGA /
.conteudo{
position:absolute;
left:205px;
top:0;
right:50px;
background-color:#66CCFF;
width:400px;
}
.rodape{
background-color:#FFFF00;
bottom:10px;
}'clear:both;'
no css resolveria o problema?
ainda nao consegui resolver, amigo. o 'clear:both' nao resolveu.o problema eh q como o conteudo do meio da pagina pode variar, nao estou conseguindo fazer o rodapehse posicionar sempre no final da mesma. pq estou tendo q definir o top dele. aí qdo o conteudo do centro crescer muto o rodapeh acaba ficando por cima. :unsure: qq ajuda serah bem-vinda.Há braços
ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif WebStandards