¿ Como centrar horizontal y verticalmente una imagen dentro de un div ?

[jomaruro]

Hola:

Iniciado por sanxuan

Debo corregirte Jomauro.
Una imagen es en principio un elemento en línea, como el texto, y para centrarla dentro de un div, basta con declarar text-align:center en ese div (no en la imagen).
Para centrar el contenedor div en la página o en otro contenedor, usa margin:0 auto, ya que es un elemento de bloque.

sanxuan, tienes razón. Debo reconocer mi error no me di cuenta de que era una imagen y no un div.

davidj, prueba esto:

Código CSS:

#recuadro{
    position:absolute;
    height: 280px;
    width: 480px;
    border: 1px solid #999999;
    display: table;
}
        
#foto {
    position:relative;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
}
 

Saludos.