denito: DOCTYPE verursacht Darstellungsfehler bei <IMG> unter Mozilla

Beitrag lesen

Ich habe noch ein Problem mit CSS, Mozilla und der DOCTYPE-Angabe.

Sobald ich den DOCTYPE in einem Dokument angebe, setzt Mozilla einen Abstand unter alle <IMG>. Unter dem IE gibt's da kein Problem.

Normale Textangaben werden korrekt dargestellt. Beide Angaben (Texte und Bilder) stehen innerhalb von <p></p>.

Hier der Quelltext:

<?xml version="1.0" encoding="UTF-8"?>

<!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="en">

<style type="text/css">
table {
 padding:0px;
 margin:0px;
 border-spacing:0px;
 border-collapse:collapse;
 border:none;
}
td {
 text-align:left;
 vertical-align:top;
 padding:0px;
}
p {
 margin:0px;
 padding:0px;
}
img {
 border:none;
 margin:0px;
 padding:0px;
}
</style>

<body>

<table style="width:400px; height:150px; background-color:red">
<tr>
<td>
<p><img src="x.gif" width="400" height="150" alt="" /></p>
</td>
</tr>

<tr>
<td>
<p><img src="x.gif" width="400" height="200" alt="" /></p>
</td>
</tr>

<tr>
<td style="background-color:green">
<p>text</p>
</td>
</tr>
</table>

</body>

</html>