[Resolvido] Centralizar Imagem na DIV

[Marcosdesigngrafico 0]

Olá, gostaria de saber como faço para centralizar uma image dentro de uma DIV sendo que serão varias com tamanhos diferentes.

 

#foto {
	width: 130px;
	height: 130px;
	text-align: center;
	margin:auto;	
}

sendo que a foto pode vir com 130px de altura ou de largura, então como ela pode ficar centralizada a partir do ponto central da div independente do tamanho maior que pode ser da altura ou largura tipo como se faz nas tabelas

 

<table width="130" height="130" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center" valign="middle"><img src="fotos/foto.jpg" width="70" height="50" /></td>
      </tr>
    </table>

obs: na CSS acima ja está centralizado na Horizontal, falta apenas na vertical

 

desde já agradeço a todos

[2Flex 1]

Olá,

 

Amigo, assim:

margin: 0px auto;

Cumprimentos

[Rafelles 0]

Tenta assim:

 

#foto {
   width: 130px;
   height: 130px;
   text-align: center;
   display: table-cell;
   vertical-align: middle;
      }

#foto img{
   margin: 0 auto;
         }

<div id="foto">

   <img src="imagem.gif" alt="foto" />

</div>

[Marcosdesigngrafico 0]

Valeu amigo ta tudo certo, http://forum.imasters.com.br/public/style_emoticons/default/grin.gif muito obrigado.