BG Image Centralizado Com erro em FF e G Chrome

[Jefferson Dias]

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

[vini_loock]

Que imbolera é essa?

pelo que eu sei se faz assim:

background-attachment: fixed; background-position: center;

Seria importante ler:

http://maujor.com/tutorial/propriedade-css-display.php

http://maujor.com/tutorial/backtut.php

[BMonteiro]

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.