imagem centralizada na div

[Wagner Martins - SC 0]

Olá,

 

Estou com um problema que não consigo resolver...

 

Quero que a imagem fique centralizada dentro de uma div com background não importando o tamanho dela, tipo...

 

Tenho esse css que seria o fundo da imagem com background...

 

#fundo_foto {
float:left;
background:url(juntos.jpg);
background-repeat:no-repeat;
width:152px;
height:129px;
}

Usei o text-align:center e centralizou apenas horizontalmente, como posso fazer pra centralizar verticalmente?

 

 

Valeu

[Wagner Martins - SC 0]

Ja consegui centralizar verticalmente e horizontalmente a imagem dentro da div, usei esse código css

 

vertical-align:middle;

Só que só funcionou no Firefox, no ie ele centraliza só horizintalmente. Tem algum código para funionar no ie?

[Giovani 104]

Veja se o link a seguir pode ajudar você: http://forum.imasters.com.br/index.php...st&p=984028

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Nícolas 4]

#fundo_foto {
	  background: url(juntos.jpg) no-repeat center center;
	  float:left;
	  width:152px;
	  height:129px;
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

-------------

 

EDITANDO

 

Putz... agora que fui entender, pensei que você queria deixar o background centralizado

 

Faz o que o programador php falou e ele vai alinha no firefox e no opera mas não no IE pois o IE não lê o margin auto.

 

Mas você pode usar esse javascript

http://forum.imasters.com.br/index.php...mp;#entry973124

 

Que vai funcionar no IE tb ;)

[programador php 0]

#fundo_foto {

float: left;

background: url(juntos.jpg);

background-repeat: no-repeat;

width: 152px;

height: 129px;

margin: 0 auto;

}