alineamiento vertical de una foto sin tamaño especifico...para capos.

[jorge Ramirez]

hola muchachos.. bueno un problema para los mas capos.. alinear verticalmente no es dificil pero cuando tiene un tamaño especifico del objeto que quieres alinear.. en mi caso yo hice un contenedor de 60x50 y quiero colocar fotografias dentro de eso, pero no se de que tamaño serán, es decir.. pueden ser de 60x10 o tambien de 50x10 el tema que si es de 60x10 me quede al medio de esta caja... les envio el codigo que estoy usando.

.ss {
vertical-align: middle;
text-align:center;
height: 50px;
width: 60px;
border: medium solid #0000FF;
}
.ss img{
max-height: 50px;
max-width: 60px;
}

alguna idea? he buscado por monton pero no me sirven para este caso.

gracias.

[jorge Ramirez]

encontre la solución...

#caja {
display: table;
height: 70px;
float:left;
width: 93px;
position: relative;
margin-top: 4px;
margin-right: 3px;
margin-bottom: 4px;
margin-left: 4px;
}
.centrado {display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding: 0 0px;
}
.texto {position: relative;
top: -50%;
display: block;
}

.texto img{
max-height:70px;
max-width: 90px;

}



<div id="caja">
<div class="centrado" style="*position: absolute;*top: 50%;">
<span class="texto" style="text-align:center; "><img src="adm/css.jpg" alt="" /></span></div>
</div>



lo encontre en este sitio.. http://www.araudi.net/ vean el codigo fuente.. y listo.


espero que les sirva... saludos muchachos.