Hola.
Tengo un problema con las imágenes al minimizar la ventana.
He creado este estilo 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;
}
y las imágenes están dentro de una tabla:
<table width="100%">
<tr>
<th align="center" class="encabezado2" scope="col"><?php echo $row_Detalles_galeria['Titulo_Fotografia']; ?></th>
</tr>
<tr>
<td align="center"><img src="<?php echo $row_Detalles_galeria['Imagen']; ?>" alt="<?php echo $row_Detalles_galeria['ALT_Imagen']; ?>" class="sombra_fotos_dinamicas" /></td>
</tr>
<tr>
<td height="20" align="center" valign="bottom"> </td>
</tr>
<tr>
<td height="53" align="center" valign="top"><?php echo nl2br($row_Detalles_galeria['Premios_Fotografia']);?></td>
</tr>
<tr>
<td height="10" align="center" valign="top"> </td>
</tr>
</table>
Esta tabla a su vez está dentro de una celda que tiene width="80%"
El problema lo tengo que cuando minimizo en chrome la imágen queda por encima de la tabla, y si minimizo en ie se va cortando la imágen.
También me pasa con el texto que hay encima y debajo.
Gracias por vuestra ayuda.