Forum Pplware / Mais Tech / Programação e Web v / Redimensionar página de acordo com a resolução do ecrã

Colocar Resposta 
 
Avaliação do Tópico:
  • 0 votos - 0 Média
  • 1
  • 2
  • 3
  • 4
  • 5
Redimensionar página de acordo com a resolução do ecrã
01-10-2010, 11:04
Mensagem: #9
Bruno Bernardino Ausente
Defensor da Liberdade!
*****
 		Mensagens: 1.084
Registado: Aug 2008
RE: Redimensionar página de acordo com a resolução do ecrã
Ok.

Antes de mais, não precisas de nenhum javascript para isto.

1º. Em vez de definires a largura em cada div, deves criar uma div wrapper. Algo como:

<body>
<div id="wrapper">
... o que já tens...
</div>
</body>

2.º. no CSS, colocas algo como:

#wrapper {
margin: 8px auto;
min-width: 800px;/* Aqui colocas a largura mínima que pretendes */
max-width: 1024px;/* Aqui colocas a largura máxima que pretendes */
}

3º. no CSS, para as outras div's, mudas width: 100% em vez de 1024px pois assim ajusta-se ao que o #wrapper tiver.
BrunoBernardino.com
Visitar Website de este utilizador Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
Colocar Resposta 


Mensagem neste Tópico
RE: Redimensionar página de acordo com a resolução do ecrã - Bruno Bernardino - 01-10-2010 11:04

Saltar Fórum:


Utilizadores a ver este tópico: 1 Visitante(s)

Contacte-nos | Pplware | Voltar ao Topo | Voltar ao conteúdo | Modo (Arquivo) Leve | RSS conteúdo