Modo listagem | Modo Linear

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 Confused

Alguém conhece um método que resulte de forma melhor?
Cumps.

Bruno Bernardino

O que é que queres redimensionar em concreto? um width:100% deveria ser suficiente.

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.

Bruno Bernardino · 30-09-2010, 19:23

Tens de ser um pouco mais explícito... Tens um link para demonstração?

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.

RaCcOn · 30-09-2010, 23:50

Não será melhor optimizar para uma determinada resolução? digo eu.
1024*768

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.
1024*768

Mas essa é a resolução que já está.

Anarion · (Esta mensagem foi modificada pela última vez a: 01-10-2010 10:56 por Anarion.)

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...

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.

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