Dominik Krauss: bild in tabellenzelle - rand verschwindet nicht

Beitrag lesen

Dieses Problem hatte ich auch, aber es ist ganz einfach in allen Browsern zu lösen. Man muss einfach für das Bild float: left definieren.
Also mal der richtige Quellcode mit meinen Änderungen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<style type="text/css" media="screen">
body { font: 10px verdana, arial, sans-serif; background-color: #ffffff; margin: 0; padding: 0 }
#maintable02 { border: 0; border-collapse: collapse; width: 640px }
.nob { float: left; }
.tr { background-color: red; padding: 0;}
img { border: 0 }
</style>
</head>

<body>
<table id="maintable02">
<tr>
<td class="tr">
<img class="nob" src="bild.jpg" alt="bild" />
</td>
</tr>
</table>
</body>

</html>