Ir para conteúdo
Fórum Script Brasil
  • 0

BG Image Centralizado Com erro em FF e G Chrome


Jefferson Dias

Pergunta

Olá... Por favor, gostaria que alguém me ajudasse se possível.

O meu problema é o seguinte, eu tenho um site com o fundo fixo unico em html e as tabelas por cima, acontece que no IE8 ele mostra perfeitamente, só que quando vejo o site no Firefox ou no Google Chrome, ele desalinha totalmente o fudo que está fixado, enviando o fundo todo para a esquerda.

Até agora não consegui resolver isso.

o site é esse ==>> www.catiuciafernandes.com.br/inicio.html

o script é esse que estou usando para o fundo

background-color: #dcdcdc;

background-image:url(images/fundo.jpg);

background-repeat: no-repeat;

background-position: center fixed;

background-attachment:scroll fixed;

já tentei adicionar esse script pra ver se funcionava, e não deu tb...

display:block center;

display:inline-block;

junto com os demais acima citados.

Se alguém puder me ajudar por favor, porque no IE8 aparece normal, porém no mozila ou chrome aparece o fundo fixado a esquerda.

Agradeço

Jefferson

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
Olá... Por favor, gostaria que alguém me ajudasse se possível.

O meu problema é o seguinte, eu tenho um site com o fundo fixo unico em html e as tabelas por cima, acontece que no IE8 ele mostra perfeitamente, só que quando vejo o site no Firefox ou no Google Chrome, ele desalinha totalmente o fudo que está fixado, enviando o fundo todo para a esquerda.

Até agora não consegui resolver isso.

o site é esse ==>> www.catiuciafernandes.com.br/inicio.html

o script é esse que estou usando para o fundo

background-color: #dcdcdc;

background-image:url(images/fundo.jpg);

background-repeat: no-repeat;

background-position: center fixed;

background-attachment:scroll fixed;

já tentei adicionar esse script pra ver se funcionava, e não deu tb...

display:block center;

display:inline-block;

junto com os demais acima citados.

Se alguém puder me ajudar por favor, porque no IE8 aparece normal, porém no mozila ou chrome aparece o fundo fixado a esquerda.

Agradeço

Jefferson

Jefferson, verifiquei seu site e aparentemente está funcionando normal no Firefox.

Apenas uma dica, você pode reduzir suas linhas do código de:

body {
    background-color: #dcdcdc;
    background:url(images/fundo.jpg) center top no-repeat #dcdcdc;
    background-attachment:fixed scroll;
    position: top center fixed;
    font-family: Calibri;
    font-size: 12px;
    color: #6A3821;
    line-height: 50px;
}
Para:
body{
background: url(imagens/fundo.jpg) center top no-repeat fixed #dcdcdc;
font-family: Calibry;
font-size: 12px;
color: #6A3821;
line-height: 50px;}

Isso deixa teu código mais limpo.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...