Thomas: Im IE Zeile mit 1x1 Bild viel zu hoch

Beitrag lesen

Hi Leute,

eigentlich bin ich kein Anfänger, aber in diesem Zusammenhang anscheinend schon. Seit 1,5 Stunden versuche ich ein einfaches Problem zu lösen, aber dieser IE treibt mich in den Wahnsinn. So sieht der Quellcode aus:

<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="css/styles1.css">
</head>
<body>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
    <td>
    <img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt="">
    </td>
</tr>
</table>

</body>
</html>

Das Problem: Im Gegensatz zu Mozilla/Firefox erzeugt der IE eine (anhand border="1" sichtbare) viel zu hohe Tabelle - statt nur 1 Pixel Inhaltshöhe sind es hier ca. 21. (Erst wenn ich mit <tr style="height:22px;"> die Zeilenhöhe raufschraube, sehe ich überhaupt einen Unterschied, bei height:21px bleibt alles unverändert.)

Mein Ziel bei der ganzen Aktion ist eigentlich, eine <td> zu haben, in der sich ein 6 Pixel hohes Bild befindet. Nur sollte diese <td> dann auch nur 6 Pixel hoch sein, beim IE ist sie aber viel höher. Das mit dem 1x1-gif oben hatte ich nur gemacht, um den Kern des Problems zu finden...

Ich habe jeden CSS-Befehl ausprobiert, der mir einfiel bzw. den ich finden konnte, aber die <td> bleibt immer zu hoch.

Danke für die Hilfe

Thomas