Tema: Consulta sobre tabla
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/04/2014, 19:37
cdisenia
 
Fecha de Ingreso: junio-2012
Mensajes: 30
Antigüedad: 12 años, 9 meses
Puntos: 0
Consulta sobre tabla
Buenas al foro tengo una consulta tengo una tabla con un ancho 100% que dentro carga una imagen pero la imagen depende del tamaño abarca el 100% de la tabla esta es la tabla.

Código HTML: 
Ver original
  1. <table border="0" class:"foto">
  2.     <tr>
  3.     <td valign="top">
  4.     <img src="imagenes/mifoto.jpg"alt="foto 1"></img>
  5.     </td>
  6.   </tr>
  7. </table>

El css es el siguiente:

Código CSS: 
Ver original
  1. .foto{
  2.     width:100%;
  3.     height:650px;
  4.     margin:auto;
  5.     margin-top:0.5%;
  6. }
  7.  
  8. .foto img {
  9.     width:100%;
  10.     height:365px;
  11.     border: none;
  12.     margin-top:0.5%;
  13. }

Como hago que la imagen se adapte al 100% de la tabla si las imagen tienen un ancho diferente, porque si yo lo pongo la medida en px, depende la resolución de las pantallas se ve diferente. Desde ya muchas gracias por la ayuda.