Site Muda De Acordo Com A Resolução.

[organized 0]

Olá pessoal. Gostaria que meu site mudasse de acordo com a resolução do usuário igual no deviantart.com .

Qual seria a maneira mais correta de fazer isso? ou seja, a maneira que os sistemas de buscas aprovam como padrão. Seria div? table?

[brcontainer 16]

table é só para dados tabulares ele não é usado para layouts, use DIV para dividir o layout, listas não ordenadas para menus.

;)

 

pesquise pelo termo "layout liquido" ou "layout flexivel" para ver sites que se ajustam ;)

[RTDN CONSULTORIA 0]

Amigo,

 

Você tem duas formas de resolver isso:

Primeira é onstruindo seu site com DIV e determinar que essas DIVs terão suas position: RELATIVE

e tudo será trabalhado com altura e largura em PORCENTAGEM

 

isso faz com que seu site se redimensione.

 

tem outra forma que voce verifica qual a resolução do usuário e chama um CSS espqcífico.

é mais ou menos assim:

<script language=javascript>
function verResolucao(){
if(window.width == 1024){
</script>
<link rel=stylesheet href=estilopara1024.css type=text/css />
<script language=javascript>
}
if(window.width == 800){
</script>
<link rel=stylesheet href=estilopara800.css type=text/css />
<script language=javascript>
}
}
</script>

Espero ter ajudado.

 

Abraços

[brcontainer 16]

Primeira é onstruindo seu site com DIV e determinar que essas DIVs terão suas position: RELATIVE

e tudo será trabalhado com altura e largura em PORCENTAGEM

Não há necessidade de RELATIVE e PORCENTAGEM e nem "javascript" com os layouts flexiveis que eu citei ;)

[Henrique Barcelos 290]

O que você pd fazer eh não especificar largura (width) para as divs, e ter uma soh, q englobe td com width 100%...

 

eh assim que eu faço, funciona bem ateh certo ponto, + em certos casos eh impossivel fazer assim, com layout flexivel...

 

você precisa MESMO q ele se ajuste a resoluçao???

 

se não, faça fixo...

 

att, Rick

[Aprendiz CSS 3]

basta usar porcentagens para fazer isso!!

 

abraço

[brcontainer 16]

layouts flexiveis não usam porcetagem e são super praticos ;)

[Aprendiz CSS 3]

http://forum.imasters.com.br/index.php?showtopic=286116