Bildergröße automatisch anpassen

[wavey]

Hallo!

Auf meiner Seite habe ich eine Tabelle mit einigen Bilder, alle mit der gleichen Größe.

Wenn ich nun das Browser-Fenster verschieden groß öffne, schieben sich dann die Bilder auseinander oder zusammen.

Mein Problem: wenn das Fenster zu klein wird, scheiben sich alle bilder zusammen, ein scrollbalken ist und die restlichen bilder sind ausserhalb und nur ersichtlich durch scrollen.

Wie kann man die Bilder definieren, daß sie verschiedene größen annehmen? Also immer im Verhältnis zur Größe des Browserfensters.
Breite & Höhe!

Hier mein Coding:

<table border="0" width="100%">
   <colgroup>
    <col width="25%" span="4">
   </colgroup>
   <tr>
    <th>Bild 1</th>
    <th>Bild 2</th>
    <th>Bild 3</th>
    <th>Bild 4</th>
   </tr>
   <tr>
    <th>
     <img border=0 width=160 height=120 src="pix/bild1.jpg">
    </th>
    <th>
     <img border=0 width=160 height=120 src="pix/bild2.jpg">
    </th>
    <th>
     <img border=0 width=160 height=120 src="pix/bild3.jpg">
    </th>
    <th>
     <img border=0 width=160 height=120 src="pix/bild4.jpg">
    </th>
   </tr>
      <tr>
    <th>Bild 5</th>
    <th>Bild 6</th>
    <th>Bild 7</th>
    <th>Bild 8</th>
   </tr>
   <tr>
    <th>
     <img border=0 width=160 height=120 src="pix/bild5.jpg">
    </th>
    <th>
     <img border=0 width=160 height=120 src="pix/bild6.jpg">
    </th>
    <th>
     <img border=0 width=160 height=120 src="pix/bild7.jpg">
    </th>
    <th>
     <img border=0 width=160 height=120 src="pix/bild8.jpg">
    </th>
   </tr>
</table>

Schon mal Dank im Vorraus!

LG wavey