mi problema es el siguiente. Tengo un contenedor que tiene una imagen que ocupa todo el alto. Como la foto es rectangular queda recortada. Quiero que la foto ocupe todo el ancho, lo logre sin problemas usando width:100%. El problema que tengo es que quiero que el alto del contenedor se adapte al tamaño de la foto, es decir que si cambio la foto a una cuadrada, se adapte el alto. El contenedor tiene un height:563px. Intente ponerle height:100% pero al hacerlo me desaparece el contenedor y todo su contenido. Si pongo un alto fijo en pixeles funciona bien pero no se adapta si cambia la foto (es un blog y la foto es siempre la de la ultima entrada) Como puedo lograr un contenedor adaptable? gracias por la ayuda.
El codigo es algo similar a esto:
<div class="1">
<div class="2">
<div class="3"><img>aca hay una imagen</div>
<div class="4">aca hay un texto que va sobre la imagen</div>
</div>
</div>
.1 {width:100%;}
.2 { min-height:563px}
.3 { width: 100%; height: 100%; float:left; position:relative;}
img {min-width: 1000px;}
.4 {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}