Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Problema com tamanho de site em resoluções

28-02-2011 22:03

Quando abro o site em uma resolução de 1920 x 1080 fica certinho ow
http://www.comprasemlondrina.com/Site1920x1080.png


agora quando abro em 1024 x 768 da um problema no banner e na imagem de fundo
http://www.comprasemlondrina.com/Site1024x768.png


tem alguma forma de eu arrumar isso ?

muito obrigado!!!

Topo.css

#topo_imagem_esquerda{         background:url(http://www.comprasemlondrina.com/imagens/logoTotalE.png) repeat-x;         height:150px;         width:6px;         margin-right:0px;         float:left; } #topo_imagem{         background:url(http://www.comprasemlondrina.com/imagens/logoTotal.png) repeat-x;         height:150px;         float:none;         margin-right:0px; } #topo_imagem_direita{         background:url(http://www.comprasemlondrina.com/imagens/logoTotalD.png) repeat-x;         height:150px;         width:6px;         float:right } #topo_cor_separa{         background:#FB391E repeat-x;         height:65px; }

Topo.php

<div id="topo_imagem_esquerda"> </div> <div id="topo_imagem"> <div align="center"> <?php include "topocomplemento.php"; ?> <div id="topo_imagem_direita"> </div> </div> </div> <div style="clear:both"> </div>   <div id="topo_cor_separa"> <?php include "media_sociais.php"; ?> </div>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema com tamanho de site em resoluções

28-02-2011 22:37

Vou dar algumas dicas para que esse problema não ocorra

- Usar logotipo em tamanho reduzido, de uns 120x60px mais ou menos;
- Muitas figuras podem ser substituídas por texto, inclusive menus, existem ótimos menus em jQuery;
- Usas figuras menores, facilita o carregamento da página;
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Problema com tamanho de site em resoluções

28-02-2011 22:40

Primeiramente muito obrigado pela resposta mais não tem nenhum erro evidente nos scripts? que podem estar acarretando isso ?

muito obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema com tamanho de site em resoluções

28-02-2011 22:50

Basicamente acontece o seguinte, se você por exemplo tem uma figura com largura de 1000px de largura, e a tela do computador é de 1200px, a tela comporta a figura sem problema. Agora, se a janela do navegador ou monitor é menor do que a figura, para não perder a visualização, o navegador cria essas barras de rolagem.

Por isso que dei essas dicas. É importante ter um layout bem flexível. de preferência, assumindo um layout estilo Google com logo centralizado, ou, um layout com logo na esquerda e banner de publicidade na direita.

Eu acho importante se basear sempre no tamanho da página "não usar muita figura, e se usar que sejam pequenas", e sempre ir testando o layout a medida que vai montando.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 448

Problema com tamanho de site em resoluções

28-02-2011 23:22

Perfeito agora deixa eu te perguntar algo não tem alguma forma de eu fazer um check se a resolução da pessoa é de 1024 x 768 ou 1920 x 1080 e pra cara resolução ter um banner diferente?

obrigado!!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema com tamanho de site em resoluções

01-03-2011 08:54

Tem sim, veja abaixo

Ajustando-documento-pela-resolucao_13_790.html

Você pega a largura do navegador, ai, você coloca uma id no img, quando for a resolução x, você passa um src de acordo.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado