Forum Pplware

Versão Completa: Redimensionar página de acordo com a resolução do ecrã
Está de momento a ver uma versão reduzida do nosso conteúdo. Ver versão completa com o formato adequado.
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 Confused
Alguém conhece um método que resulte de forma melhor?
Cumps.
O que é que queres redimensionar em concreto? um width:100% deveria ser suficiente.
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.
Tens de ser um pouco mais explícito... Tens um link para demonstração?
(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.
Não será melhor optimizar para uma determinada resolução? digo eu.
1024*768
(30-09-2010 23:50)RaCcOn Escreveu: [ -> ]Não será melhor optimizar para uma determinada resolução? digo eu.
1024*768
Mas essa é a resolução que já está.
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...
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.
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
URL's de Referência