Por favor , alguem poderia me ajudar ? 

Desenvolvi site basico em  html,  e mesmo não esta se adaptando as resoluções de 1024 x 768   e 800 x 600, algumas  partes do site vao para a direita e o menu fica  todo reamontoado .

OBS: ja tentei  varias DIVs e table tbm, mas  nao  mudou  quase nada  ! 

Grato desde já  !

Exibições: 115

Respostas a este tópico

Olá Mauricio,

Para estruturar um site em html, o melhor que você tem a fazer é trabalhar ele com uma largura fixa de 900px pois ai teoricamente ele estará "adequado" visualmente a todos usuários tendo em vista que praticamente todo mundo possui no mínimo uma resolução com 900px de largura.

Já na questão do seu problema com a estilização, a maneira mais correta de você projetar sua página é usar CSS para definir a estrutura do seu site. Procure usar DIVs e trabalhar com as propriedades float e as de tamanho (width, height).

Posta ai o seu trecho HTML com problema por que fica mais fácil de analisarmos.

Exatamente meu caro

 

Coloque sua rotina em html para ver se podemos ajudar. Existem alguns pequenos detalhes que ajudam bastante. Tudo em CSS.

Teria como mandar o link pra gente da uma olhada!

Bom dia colega

Eu tinha estes problemas antes, hoje eu utilizo uma combinação de JavaScript e Css2.

1) Encare um site simples como um projeto

2) Utilize % ao contrário de px, desta forma a página ficará sempre no tamanho correto da resolução

3) Recupere a resolução da página com JavaScript e mude seu layout com Css.

--------------------- Chega de blablabla e vamos ao exemplo

Minha resolução da Tela do Monitor em meu Notbook é de 1280 x 800.

OBS: em anexo segue um arquivo resolucao.htm para facilitar o aprendizado.

crie uma página resolucao.htm contendo o código

<html>
<head>
<title>Untitled Page</title>
</head>
<style>
body{margin:0;}
</style>
<body>
<div style="width:auto;height:auto;background-color:red;">
teste
</div>
<script language="javascript" type="text/javascript">
try {
var divResolucao = document.createElement("div");
document.body.appendChild(divResolucao);

// coloque a informação da divResolucao em uma única linha: divResolucao.setAttribute("conteudo");
divResolucao.setAttribute("style", "position:fixed;bottom: 0px; right:0px;width: 10px; height:10px;background-color:red");
alert(divResolucao.offsetLeft + ' - ' + divResolucao.offsetTop);
} catch (e) {
alert(e);
}
</script>
</body>
</html>

Agora é só executar, verá o tamanho real da tela do seu navegador.

Ao executar este script sem incluir as margens do body a resolução fica 1270 x 652, note que mesmo alterando em css as margens do body a página fica 1270 x 652 de resolução.
Você deve estar perguntando porque não fica com a resolução de 1280 x 800?
A resolução 1280 x 800 é da tela do monitor e não do espaço de visualização do aplicativo/software que é o browser(navegador), por isso as medidas são diferentes.

-----

Agora vou deixar você usar a cuca e tentar aprender como mudar um estilo.css com javascript assim que recupera a resolução da página.

Espero ter ajudado.

Anexos

RSS

© 2017   Criado por Ramon Durães.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço