[Resolvido] Bug no firefox na bg img quando é usado o scroll

[GuiZ 0]

Bom dia, gurizada. To aqui tentando resolver um problema que, por incrivel que pareça, só envolve o firefox. O background image do body não fica "completamente" no bottom do site quando é usado o scroll. Monitores com uma resolução maior que a de 1280 x 1024 visualizam perfeitamente o background, mas quem usa =< a essa resolução, visualiza um espaço em preto a baixo do site, o espaço em preto corresponde igualmente ao espaço que a resolução não consegue visualizar e para isso se usa o scroll. Bom, para vocês entederem melhor, vou postar aqui o link do site:

 

site: http://guiz.com.br/index.htm

 

css: http://guiz.com.br/estilo.css

 

O erro só acontece no Firefox, utilizem uma resolução igual ou menor que a de 1280 x 1024 para poderem me entender. As screenshots abaixo explicam melhor:

 

ff: http://guiz.com.br/ff.jpg

 

ie: http://guiz.com.br/ie.jpg

 

Obrigado :)

[Carlos Designer 0]

Olá GuiZ,

 

Estou analizando aqui, ainda não sei dizer o que causa isso, mas uma alternativa é você colocar a declaração do background na div ".wrapper".

 

pode colocar resumidamente assim:

 

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -62px;
	border:1px solid #fff;
	background:url(bg.jpg) no-repeat bottom center #000;
}

[GuiZ 0]

Interessante agora foi que eu diminui o texto do htm, e o rodapé do site não ficou alinhado com o bottom do site.

[GuiZ 0]

Esquece, descobri o porque. Retirei:

html>body {
	min-height: 100%;
	height: auto;
}

E ele alinhou perfeitamente no bottom. Estava procurando por aí para ver se eu achava algum hack ou fix para esse bug do FF e essa era a solução. Não resolveu e só tirou o rodapé do lugar.

 

Coloquei o que tu sugeriu e funcionou perfeitamente, até agora nenhum bug :D

 

Obrigado!