Imagens fora do lugar em outros navegadores e computadores



Imagens fora do lugar em outros navegadores e computadores

Mensagempor Clarice Dantas » Qui Fev 07, 2013 12:41 pm

Olá Boa Tarde

Sou nova no fórum, e gostaria de pedir ajuda pois tenho um problema com 2 sites que fiz.

Também sou nova na área de Web e após criar 2 sites pelo dreamweaver CS4 percebi que na minha máquina eles abrem normalmente em todos os navegadores que são mais utilizados: IE - Firefox - Google Chorme. Inclusive todas as imagens também estão em seus respectivos lugares.

O problema começa exatamente em outros computadores, quando digito o endereço do site ele abre normalmente, porém quando carrega as imagens todas estão fora de lugar.

Pelo que li a respeito isto é um problema que acontece muito, porém após utilizar todas as dicas que me foram dadas nada resolveu.

Os sites são templates prontos onde coloquei apenas o texto e as imagens.

Peço desculpas a todos por trazer uma dúvida que talvez seja boba. Mas para mim que sou iniciante no assunto ta complicado.

Vou colocar os endereços dos sites: www.rodriguesedantasseguros.com.br - www.ar2tel.com.br

Obrigada pelo espaço disponível pela ajuda.
Clarice Dantas

Membro
Membro
 
Mensagens: 3
Data de registro: Qui Fev 07, 2013 12:29 pm

Re: Imagens fora do lugar em outros navegadores e computadores

Mensagempor Patty » Qui Fev 07, 2013 5:17 pm

Olá, Clarice, e bem-vinda ao Fórum do Webmaster.

Este problema é causado pela forma como os diferentes navegadores interpretam o CSS.
Vc provavelmente usa o Chrome mais frequentemente, certo? Pergunto pq no Chrome as imagens estão posicionadas corretamente, enquanto que no Firefox e, especialmente, no ExploDer elas estão realmente fora do lugar.

Isso geralmente acontece por causa dos atributos margin e padding, que os navegadores interpretam de forma diferente. Não tenho uma "fórmula mágica" para te dar, vc vai precisar ler bastante sobre isso e, principalmente, descobrir na prática, na base da tentativa e erro, infelizmente. Isso realmente é uma dor-de-cabeça para os webdesigners.

Espero pelo menos ter te dado a direção certa pra vc conseguir descobrir onde e o que corrigir.
Patty
______________________________________________________________
Módulos adicionais e gateways de pagamento Cielo e Rede
para osCommerce e WHMCS

Certificados SSL por apenas R$ 89,00/ano
http://www.cybernetfx.com
Patty

Avatar de usuário
Administrador
Administrador
 
Mensagens: 1155
Data de registro: Ter Mai 04, 2010 1:31 am

Re: Imagens fora do lugar em outros navegadores e computadores

Mensagempor Clarice Dantas » Qui Fev 07, 2013 6:09 pm

Ola Patty, antes de mais nada obrigada pela dica. Realmente a coisa é um tanto complicada. O detalhe curioso foi justamente que na minha máquina em específico eles abrem normalmente tudo no seu devido lugar. O problema é apresentado justamente em Pcs diferentes ....
Já andei lendo a respeito e todas a dicas recebidas foram implementadas, mas nenhuma com solução efetiva.
Clarice Dantas

Membro
Membro
 
Mensagens: 3
Data de registro: Qui Fev 07, 2013 12:29 pm

Re: Imagens fora do lugar em outros navegadores e computadores

Mensagempor Patty » Qui Fev 07, 2013 6:40 pm

Sim, isso é muito comum de acontecer, está tudo lindo e maravilhoso na nossa máquina, e quando publica e vê em outras, desastre total! Faz parte dos problemas da nossa profissão... Conserta de um lado e quebra de outro... rs

Dá muita dor-de-cabeça, mas dá para resolver sim. Tem que ter paciência e ir testando com calma.
Vc testou estes templates antes de usá-los? Funcionava certinho ou dava este problema tb?
Patty
______________________________________________________________
Módulos adicionais e gateways de pagamento Cielo e Rede
para osCommerce e WHMCS

Certificados SSL por apenas R$ 89,00/ano
http://www.cybernetfx.com
Patty

Avatar de usuário
Administrador
Administrador
 
Mensagens: 1155
Data de registro: Ter Mai 04, 2010 1:31 am

Re: Imagens fora do lugar em outros navegadores e computadores

Mensagempor Clarice Dantas » Qui Fev 07, 2013 7:29 pm

O pior é que testei ... mas talvez até por falta de experiência só testei na minha ..... Um dos sites é meu mesmo ... o outro é de um amigo que ta me atormentando .... kkk
Tenho que pensar em alguma coisa rápida.
Clarice Dantas

Membro
Membro
 
Mensagens: 3
Data de registro: Qui Fev 07, 2013 12:29 pm

Re: Imagens fora do lugar em outros navegadores e computadores

Mensagempor Patty » Sex Fev 08, 2013 5:50 pm

Me parece que vc tem que mexer é por aqui:
Código: Selecionar tudo
#apDiv1 {
   position:absolute;
   width:77px;
   height:63px;
   z-index:1;
   left: 147px;
   top: 1px;
}
#apDiv2 {
   position:absolute;
   left:431px;
   top:539px;
   width:289px;
   height:44px;
   z-index:2;
   text-align: center;
}
#apDiv3 {
   position:absolute;
   left:471px;
   top:576px;
   width:213px;
   height:106px;
   z-index:3;
}
#apDiv4 {
   position:absolute;
   left:712px;
   top:67px;
   width:169px;
   height:33px;
   z-index:4;
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
}


Procure usar o Firebug no Mozila para tentar identificar os divs e localizar os códigos para tentar corrigir isso.
Patty
______________________________________________________________
Módulos adicionais e gateways de pagamento Cielo e Rede
para osCommerce e WHMCS

Certificados SSL por apenas R$ 89,00/ano
http://www.cybernetfx.com
Patty

Avatar de usuário
Administrador
Administrador
 
Mensagens: 1155
Data de registro: Ter Mai 04, 2010 1:31 am


Retornar para Dreamweaver

Quem está online

Usuários vendo este fórum: Nenhum membro registrado online e 1 visitante

cron
Shared Web Hosting by HostDime