Tablas en 50% cada una

[el_loco90]

Hola amigos:
Le comento, estoy tratando de hacer una tabla dividida en dos con un porcentaje de 50% cada una de ellas. En la primera parte pongo una tabla con dos filas (Una donde pongo una foto grande al 100% y otra con 8 columnas con 5% en cada). Luego en los otros 50% tengo otra tabla con datos. El poblema lo tengo en la foto ya que ocupa mucho mas que el 50% de la primera llegando a un estimadamente a 90%.

Aqui hago un ejemplo:

-----------------------------------------------------------
_8_fotos___________/
Tabla 1 50% / Tabla 2 50%

y se ve
-----------------------------------------------------------
_8_fotos________________________/
Tabla 1 / Tabla 2

El codigo es:

Código HTML:

<table width="100%" border="0">
  <tr>
    <td width="50%">
    <table width="100%" border="0">
    <tr>
    <td width="5%">1</td>
    <td width="5%">2</td>
    <td width="5%">3</td>
    <td width="5%">4</td>
    <td width="5%">5</td>
    <td width="5%">6</td>
    <td width="5%">7</td>
    <td width="5%">8</td>
    </tr>
    <tr>
    <td width="100%" colspan="8">
    <img src="<?php echo $foto1 ?>" name="imagen_mayor" width="50%"  height="400" id="imagen_mayor" /></td>
    </tr>
    </table>
    </td>
    <td width="50%"><table width="100%" border="0">
    <tr>
    <td>Datos</td>
    </tr>
    </table>
    </td>
  </tr>
</table>
 

Gracias.

[juanito1712]

asi a bote pronto el tamaño de la imagen al 50% lo modifica al 50% de su tamaño original no de su contenedor, por lo que veras que excede o que no llega a las proporciones que deseas

como soluciones posibles se me ocurren 3 dependiendo de que desees y de tu escenario concreto.

o le pasas unicamente el ancho exacto en píxeles que debe ocupar para que ajuste el alto (si el tamaño de la tabla es dinámico no podras, pero si es un tamaño estático no habrá problema)

o dentro de la celda en lugar de poner la imagen diretamente, pones un div que ocupe el 100% de su contenedor con oferflow:hidden, o scroll y ya dentro de ese div la imagen(el problema de este método es que recortará la imagen y parece que a ti te interesa mas redimensionar)

o tiras de javascript para que al redimensionar controle el tamaño que tiene disponible en la celda y ajuste el tamaño de la imagen al deseado