Altura completa num website

M

Memphis

Power Member
Alguém me sabe dizer como posso colocar um site a ocupar o ecrã inteiro (em altura) mesmo não tendo conteúdo para o ocupar?

Por exemplo, se colocar no width de um website 100%, ele ocupa a largura toda do ecrã, estando este com a resolução que estiver.

O que eu queria era a mesma coisa mas para o height.


Exemplo: No site hattrick.org no ecrã do portátil ocupa o ecrã todo e ainda precisa de barra lateral, no monitor do desktop ainda sobra espaço em branco por ali a baixo.


Alguma dica?
 
Heyas all..

Experimenta isto:
Código: 
<!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>Altura a 100%</title>
<style type="text/css">
html, body {
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#000000;
}
#wrapper {
	height:100%;
	margin: 0px auto;
	text-align: left;
	width: 400px;
	background-color:#999999;
	color:#000000;
	text-align:center;
}
</style>
</head>

<body>
	<div id="wrapper">
		Div sem conteudo!
	</div>
</body>
</html>

Testado em FF, IE6, IE7 e Opera..

Hasta all [[]]
 
Coloquei essa DIV entre outras duas mas não faz o efeito que faz nessa página que colocas-te ai. :(
 
Última edição:
Memphis disse:
Coloquei essa DIV entre outras duas mas não faz o efeito que faz nessa página que colocas-te ai. :(
Clicar para expandir...

Aplicaste o stylesheet correcto ao body e ao html? Ou seja puseste lá o height:100%??

Se sim, podes postar o código? Que é para ver como está estruturada a página..

hasta all [[]]
 
Boas..

Memphis disse:
O problema é que tu tinha "html, body" e eu só tinha "body" no CSS.

Mas se eu puser isso, o site fica todo marado!
Clicar para expandir...

O que está provavelmente a acontecer é tudo o que seja DIV, estar a ficar com a atributo de Heigth a 100% também. O que acho estranho, porque para isso era preciso por a height a 100% em todas as div's...

Estive a googlar a ver se encontrava uma solução para ter uma altura de uma div a 100%, sem usar o html { height:100% }, mas não encontrei nada..

Sorry por não poder ajudar mais...

Não podes postar o código? Mesmo que seja uma coisa básica. Não é preciso ser tudo. Pode ser que tenhas para aí mais alguma a interferir.

Hasta all [[]]
 
Inicie sessão ou registe-se para poder participar.
Back
Topo