+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: Redimensionar página de acordo com a resolução do ecrã (/showthread.php?tid=7299)
Redimensionar página de acordo com a resolução do ecrã - Lor - 30-09-2010 18:49
Boas a todos,
Estou a desenvolver um website em HTML com div's e gostava de redimensionar o site de acordo com a resolução do ecrã. Tive a googlar e encontrei uma série de javascript's mas não consegui meter nenhum a funcionar
Alguém conhece um método que resulte de forma melhor?
Cumps.
RE: Redimensionar página de acordo com a resolução do ecrã - Bruno Bernardino - 30-09-2010 19:02
O que é que queres redimensionar em concreto? um width:100% deveria ser suficiente.
RE: Redimensionar página de acordo com a resolução do ecrã - Lor - 30-09-2010 19:19
O que queria mesmo era redimensionar era a página em concreto, por exemplo, eu em 1280x800 consigo visualizar a página correctamente mas se for por exemplo em 800x600 já não é vista correctamente.
RE: Redimensionar página de acordo com a resolução do ecrã - Bruno Bernardino - 30-09-2010 19:23
Tens de ser um pouco mais explícito... Tens um link para demonstração?
RE: Redimensionar página de acordo com a resolução do ecrã - Lor - 30-09-2010 19:26
(30-09-2010 19:23)Bruno Bernardino Escreveu: Tens de ser um pouco mais explícito... Tens um link para demonstração?Ah claro peço desculpa, tenho o site alojado em http://sitetestes.host.sk, actualmente no IE está com BUGS, funciona bem no FF.
Com a minha resolução actual(1280x800) consigo ver o site completamente, sem scroll horizontal, mas se mudar a resolução para 800x600 já preciso do scroll para visualizar o site todo, o que queria era que ele redimensionasse automaticamente.
RE: Redimensionar página de acordo com a resolução do ecrã - RaCcOn - 30-09-2010 23:50
Não será melhor optimizar para uma determinada resolução? digo eu.
1024*768
RE: Redimensionar página de acordo com a resolução do ecrã - Lor - 01-10-2010 09:49
(30-09-2010 23:50)RaCcOn Escreveu: Não será melhor optimizar para uma determinada resolução? digo eu.Mas essa é a resolução que já está.
1024*768
RE: Redimensionar página de acordo com a resolução do ecrã - Anarion - 01-10-2010 10:55
Isso pode ser resolvido facilmente em CSS. É bastante simples de resolver, visita este url. Dá uma olhadela na propriedade "width", podes também martelar em HTML... mas...
RE: Redimensionar página de acordo com a resolução do ecrã - Bruno Bernardino - 01-10-2010 11:04
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.
RE: Redimensionar página de acordo com a resolução do ecrã - john peterson - 11-06-2013 15:24
Boas este é o meu site
http://www.dlx.pt/
também tenho os mesmos problemas e já tentei fazer essas alterações ao nível do css e não resultou em nada.
Preciso mesmo de ter o site responsivo alguma ideia