Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webmind

Ajuste automatico conteudo dependendo da resolucao atual

Por , em Javascript

Recommended Posts

webmind    5

webmind
Postado

Um dos maiores problemas de quem faz paginas web e as vezes nao se lembrar que ainda existe um grande n de pessoas a 800*600 e ao verem os sites nessa resolucao deparam-se com o conteudo nao nas melhores condicoes de visualizacao

 

Por isso criei um script bastante basico que dependendo a resolucao vai colocar a layer base ajustada a resolucao.

 

<html>

<head>
<style type="text/css">
body{
margin:0;
padding:0;
}

#conteudo{
background:#ff0000;
color:#000000;
}
</style>
<script type="text/javascript">
w=window.screen.width;// "detecta a lagura da janela"
h=window.screen.height; // detecta a altura atual
function activa(){
document.getElementById("conteudo").style.width=w+"px";
alert("Olá a sua resolucao atual e "+w +"*"+ h)
}
</script>
</head>

<body onload="activa()">
<div id="conteudo">
some text some text
</div>
</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

foi mau, no IE nao funciona bem. Mais vale mesmo utilizar css

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

sim eu quis inventar com js e deu mal. Claro que e melhor com css

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito