[Resolvido] Alinhamento ao centro no FF

[festamix 0]

Olá pessoal. Tenho um css no qual alinha o background ao centro tanto na horizontal quanto na vertical da página. O problema é que só funciona no IE, no FF ele alinha apenas na horizontal e deixa ao topo cortando a metade da imagem.

O Script é o seguinte:

body {
	margin-left: 0px;
	background-image: url(fundo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

[programador php 0]

body {
	margin: 0; /* isso zera todas as margens não precisaria zerar uma a uma */
	background: transparent url(fundo.jpg) no-repeat center center;	
}

ao inves de usar varios parametros de margin, você pode defini0los em uma unica linha

 

margin: 10px;

coloca margem em tudo

left

bottom

right

top

 

margin: 10px 5px;

coloca margem de 10px para top e bottom

 

margin: 10px 5px 15px;

coloca margem no

top de 10px

no left e right de 5px e

no bottom de 15px

 

 

margin: 10px 5px 15px 20px;

coloca margem no

top de 10px

right 5px

bottom 15px

left 20px

 

 

fonte: http://www.w3schools.com/css/pr_margin.asp

 

edit: http://www.maujor.com/tutorial/margintut.php [ pode ser util ler em portugues ]

 

abraço

[festamix 0]

Uhm, boa, não sabia dessa. Ficou melhor. Mais meu problema não se resolveu com isso...

http://www.kimyto.com.br/

[programador php 0]

tente colocar ao inves de margin: 0;

 

 

margin: 50%;

 

 

abraço

[festamix 0]

Eh kra no FF deu certo, mais ele piro no IE dai. De qualquer forma obrigado pela ajuda.

[programador php 0]

cria uma div e faz isso!!

#div {
	position: absolute;
	width: 400px
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	background: transparent url(fundo.gif) no-repeat center center;
}

assim funcionará em todos

 

 

abraço

[festamix 0]

Deu certo kra. Muito obrigado.

[programador php 0]

precisando!