Detectando A Resolução Do Usuário

Cleverson Honório Gouvêa · Fevereiro 14, 2007

Opa, beleza galera, sou novo aqui, então peço desculpas desde já por qualquer desavença !!!

Tem como identificar que resolução o usuário usa para que possa reposicionar os MC's na tela ??

É o seguinte, é que tenho um site que tem uma apresentação na introdução, acontece que se a resolução for 1024x768 o cliente vizualiza a animação bem no centro da página, porém se for 800x600 a apresentação vai ficar mais pra direita, e não dá a mesma beleza a apresentação !!!

Alguém sabe se isso vai funcionar ou tem alguma outra idéia ?

BonkerFly · Fevereiro 17, 2007

Coloque a animação dentro de uma tag DIV e alinhe ela no meio da tela!

Faz o seguinte:

Dentro da tag <body> você coloca a div desse jeito:

[código para sua animação nesse espaço]

</div>

E o CSS para essa div:

<!--

#animacao {

height: 300px;

width: 600px;

position: absolute;

left: 50%;

top: 50%;

margin-top: -150px;

margin-left: -300px;

}

-->

</style>

OBS: Claro que os valores de width, height, margin-top e margin-left são suposições, você terá que adequá-los à sua animação.

Lembre-se que o margin-top é a altura da animação dividida por dois (height/2) , e o margin-left a largura dividida por dois também (width/2).

Tente isso.

Editado Fevereiro 17, 2007 por BonkerFly

Anti-puff · Fevereiro 18, 2007

use:


var tela_width = System.capabilities.screenResolutionX;
var tela_height = System.capabilities.screenResolutionY;

trace( tela_width + "x" + tela_height )

Entrar

Detectando A Resolução Do Usuário

Pergunta

Cleverson Honório Gouvêa

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

BonkerFly

Link para o comentário

Compartilhar em outros sites

Anti-puff

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades