Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/06/2013, 09:19
Avatar de rulises
rulises
 
Fecha de Ingreso: enero-2008
Mensajes: 54
Antigüedad: 16 años, 10 meses
Puntos: 0
Evitar que las imagenes se corten al minimizar tamaño de la ventana

Hola.
He creado esto en un css:

.sombra_fotos_dinamicas {
border: 2em solid #FFFFFF;
border-collapse: collapse;
text-decoration: none;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;


filter: progid:DXImageTransform.Microsoft.Shadow(color='#3 33333', Direction=135, Strength=6);
max-width: auto;
height: 525px;
}

El problema viene cuando hago más pequeña la ventana del explorador. Me corta las imágenes en lugar de ir adaptandolas a la medida de la ventana.

La imágen está ubicada dentro de una tabla:

<td align="center"><img src="<?php echo $row_Detalles_galeria['Imagen']; ?>" alt="<?php echo $row_Detalles_galeria['ALT_Imagen']; ?>" oncopy="alert('Opcion deshabilitada');return false" oncontextmenu="alert('Acción no permitida');return false" onselectstart="return false" ondragstart="return false" class="sombra_fotos_dinamicas" /></td>

¿Dónde tendría que especificar que se ajuste auto?.
Gracias.