Hallo!
Ich habe folgendes Problem: XHTML und CSS um. Unter Mozilla stellt sich folgendes Problem. Ich habe eine Tabellenzelle, die exakt 1 Pixel hoch ist. Sie wird auch in dieser Größe angezeigt.
Sobald ich jedoch ein <img> in die Zelle einsetze, das ebenfalls 1 Pixel hoch ist, wird vor der Grafik ein kleiner Abstand eingebaut (ca. 5 Pixel). Wie bekomme ich disen Abstand weg.
Hier der Queltext zu meinem Problem:
<?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;
line-height:0;
}
img {
border:none;
}
</style>
<body class="rot">
<table style="background-color:red">
<tr>
<td style="height:1px">
<p><img src="x.gif" width="400" height="1" alt="" /></p>
</td>
</tr>
</table>
</body>
</html>