Prazer em desenvolver software
Resolução de site !
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á !
Tags: CSS, html, resoluçao, site, web
Respostas a este tópico
-
Permalink Responder até Renan Cunha em
-
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.
-
-
Permalink Responder até João Castro em
-
Exatamente meu caro
Coloque sua rotina em html para ver se podemos ajudar. Existem alguns pequenos detalhes que ajudam bastante. Tudo em CSS.
-
-
Permalink Responder até Marcelo Lima em
-
Teria como mandar o link pra gente da uma olhada!
-
-
Permalink Responder até Wilson RG em
-
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
-
-
resolucao.htm, 1 KB
-
-
© 2015 Criado por Ramon Durães.
