Tabella immagini autoridimensionante

[danipisca07]

Ragazzi mi serve un aiutino a fare una cosa che per voi esperti sembrerà una banalità ma io non sono riuscito..in sostanza ho una pagina in cui devono andare a tutto schermo otto immagini-link tutte grandi uguali...però volevo fare in modo che si ridimensionassero in base alla situazione...per farlo in larghezza ci sono riuscito subito ma per l'altezza non c'è stato nulla da fare xD allora i css che ho usato sono questi:

div { height: 50%; width: 100%; } img { width: 100%; } td { width: 25%; }

esempio della pagina html

               <div>
			<table border="1">
			<tr>
				<td>	</td><td></td><td></td>
                        <td>
					[img]apt 6/icona.jpg[/img]
				</td>
			</tr>
			</table>
		</div>
		<div>
			<table border="1">
			<tr>
				<td></td>
				<td>
					[img]apt 6/icona.jpg[/img]
				</td>
				<td></td><td></td>
			</tr>
		</table>
              </div>

la larghezza si ridimensiona alla grande ma in altezza le tabelle vengono parzialmente sovrapposte...
Confido in voi ;D
Grazie in anticipo =D

[pascalman]

Non mi è molto chiaro l'obiettivo da raggiungere

[danipisca07]

scusami cerco di spiegarmi meglio.... allora ho una pagina in cui andrò ad inserire 8 immagini....voglio che questo otto immagini si autoridimensionino fino ad occupare la pagina intera senza lasciare spazi...quindi ogni immagine dovrà essere alta la metà dell'altezza totale e 1/4 della larghezza totale =D spero di essermi spiegato abbastanza bene xP