Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lcr3

Altura 100% de div ou tabela

Por , em Desenvolvimento frontend

Recommended Posts

lcr3    0

lcr3
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif WebStandards

Compartilhar este post

Link para o post
Compartilhar em outros sites

lcr3    0

lcr3
Postado

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"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta 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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

cmfnn    0

cmfnn
Postado

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">

<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;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

camilo.oliveira    0

camilo.oliveira
Postado

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">

<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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

cmfnn    0

cmfnn
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito