1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Altura completa num website

Discussão em 'Web Development' iniciada por Memphis, 24 de Janeiro de 2008. (Respostas: 5; Visualizações: 890)

  1. Memphis

    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?
     
  2. Lancaster

    Lancaster To fold or to FOLD?

    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 [[]]
     
  3. Memphis

    Memphis Power Member

    Coloquei essa DIV entre outras duas mas não faz o efeito que faz nessa página que colocas-te ai. :(
     
    Última edição: 24 de Janeiro de 2008
  4. Lancaster

    Lancaster To fold or to FOLD?

    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 [[]]
     
  5. Memphis

    Memphis Power Member

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

    Mas se eu puser isso, o site fica todo marado!
     
  6. Lancaster

    Lancaster To fold or to FOLD?

    Boas..

    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 [[]]
     

Partilhar esta Página