Foros del Web » Creando para Internet » CSS »

div adaptable a cualquier tamaño

Estas en el tema de div adaptable a cualquier tamaño en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/08/2009, 15:17
Avatar de baxi2990  
Fecha de Ingreso: agosto-2008
Ubicación: Quetzaltenango - Guatemala
Mensajes: 340
Antigüedad: 9 años, 3 meses
Puntos: 2
div adaptable a cualquier tamaño

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.
  #2 (permalink)  
Antiguo 07/08/2009, 15:47
 
Fecha de Ingreso: febrero-2008
Mensajes: 23
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: div adaptable a cualquier tamaño

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.
  #3 (permalink)  
Antiguo 07/08/2009, 15:57
Avatar de baxi2990  
Fecha de Ingreso: agosto-2008
Ubicación: Quetzaltenango - Guatemala
Mensajes: 340
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: div adaptable a cualquier tamaño

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
  #4 (permalink)  
Antiguo 07/08/2009, 19:20
Avatar de baxi2990  
Fecha de Ingreso: agosto-2008
Ubicación: Quetzaltenango - Guatemala
Mensajes: 340
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: div adaptable a cualquier tamaño

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/
  #5 (permalink)  
Antiguo 08/08/2009, 05:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: div adaptable a cualquier tamaño

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 08/08/2009, 20:55
Avatar de baxi2990  
Fecha de Ingreso: agosto-2008
Ubicación: Quetzaltenango - Guatemala
Mensajes: 340
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: div adaptable a cualquier tamaño

Gracias por las respuestas, ya puede resolverlo con un pequeño script php que hice, gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:24.