Jan Schulte: Bild wird über den Rand dargestellt

Beitrag lesen

Hallo, ich habe folgendes Problem. Dazu hier zuerst einmal ein kleines html Beispiel:
<html>
<head>
<STYLE TYPE="text/css">
 #imagetest {
  border: solid red 5px;
  width:300px;
  table-layout: fixed;
  max-width:400;
 }
</STYLE>
</head>
<body>
<table id="imagetest">
 <tr >
  <td >
   <img src="test.jpg">
  <td>
 <tr>
</table>
</body>
</html>

Ich möchte gerne, dass das Bild test.jpg nicht über den Rand der Tabelle hinaus gerendert wird. Also es kann von mir aus mit der richtigen Auflösung dargestellt werden, soll dann aber am Tabellenrand abgeschnitten werden. Vielleicht gibts ja auch ne Möglichkeit dies mit einem div zu lösen. Hoffe auf gute Lösungen.
Danke schonmal im vorraus!