div adaptable a cualquier tamaño

[baxi2990]

Que tal amigos del foro, tengo una duda con esto, trabajo con una galeria que hice en php, hice un marco para las fotos pero tengo imagenes de diferentes tamaños por lo tanto no puedo definir un tamaño estatico al width y height, entonces quisiera saber como puedo hacer que mi div se adapte a cada tamaño de las fotos que tenga dejo el siguiente codigo de mi marco.

Código:

.contenedor{font-family:"Trebuchet MS", Arial, "Courier New"; font-size:14px; color:#600; width:565px; padding-left:20px; text-align:justify;float:left;}

.marco{margin:auto; background:#FFFFFF; border:#CCCCCC solid 1px; padding:4px; }

Código:

<div class="contenedor">
    <div class="marco">
          <img src="foto.jpg" width="306" height="402" border="0" />
    </div>
</div>

lo que obtengo con esto es que mi capa marco tenga el tamaño de contenedor y la imagen se coloca a lado izquierdo, quisiera que la capa marco tomara el tamaño de mi imagen que es variable, y que aparesca en el centro agradesco la ayuda.

[carlossc87]

No entendi de todo tu pregunta pero el marco es simplemente una linea de borde eso es incluso mas facil de lo ke tu haces con eso ya estaria

Código:

.contenedor img{margin:2px;padding:4px;border:1px solid #ccc;background:#fff;}

si lo ke kieres es poner una imagen con estilo de un marco de fotos la cosa cambia bastante vuelve preguntar.

saludos.

[baxi2990]

Gracias carlossc87 por tu respuesta, en si lo que quiero es una capa que me sirva como marco ya que tambien me servira para ponerle una descripción de la imagen, un ejemplo
en esta web realizada por mi

http://www.radiotgd.com/eventos.html

de las imagenes de hasta abajo, en la cual defini el marco como una capa con fondo blanco pero con un ancho y alto de la imagen que yo defini, eso es lo que quiero hacer pero para imagenes de diferentes tamaños.

Gracias

[baxi2990]

Bueno un ejemplo mas claro, me doy cuenta que con el litebox se adapta la capa al tamaño de la imagen con un borde blanco y una descripción de la imagen, espero puedan ayudarme aca dejo el ejemplo que encontre.

http://www.doknowevil.net/litebox/

[kseso?]

no acabo de entender, y con los ejemplos últimos me he despistado más aun. Creo que símplemente deberías limpiar el flotado de '.contenedor' añadiendole "overflow:hidden" y con el código que te puso Carlos conseguirás un marco alrededor de la imagen.

Un saludo

[baxi2990]

Gracias por las respuestas, ya puede resolverlo con un pequeño script php que hice, gracias.