Ir para conteúdo

POWERED BY:

Arquivado

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

Henrique_awa

[Resolvido] CSS: DIVs com height:100%

Por , em Desenvolvimento frontend

Recommended Posts

Henrique_awa    0

Henrique_awa
Postado

Olá! Tenho duas DIVs com float, e gostaria que a altura das duas acompanhasse o conteúdo da página.

 

Tentei deixar height:100%, mas não funciona corretamente.

Tem como fazer em tableless?

 

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html, body {
height:100%;
}
#geral{
width:960px;
height:100%;
margin:0 auto;
}
#lateral{
width:220px;
height:100%;
float:left;
border:solid 2px #093;
}
#conteudo{
width:730px;
height:100%;
float:left;
border:solid 2px #39F;
}
</style>
</head>
<body>

<div id="geral">
  <div id="lateral">
	sdsdsds
  </div>
<div id="conteudo">
		sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />
		sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />
		sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />
		sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />
		sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />
		sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />sd<br /><br />
	</div>
  </div>
</div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Este tuto resolve oque você quer:

http://maujor.com/tutorial/rodape-embaixo-da-janela.php

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