Tabellenhöhe im IE

md

Hallo Ihr,

ich möchte in eine Tabellenzelle ein Bild einfügen. Die Zelle ist 10px hoch, das Bild auch. Leider wird beim IE unter dem Bild ein kleiner Rand angezeigt, beim Firefox ist dieser weg. Wie bekomme ich das denn so hin, dass beim IE der Abstand weg geht?

Vielen Dank für eure Antworten!

Gruß, md

Hier der Code (Ausschnitt)

Code

<TABLE BORDER="1" WIDTH="100%" HEIGHT="100%" CELLSPACING="0" CELLPADDING="0">

  <TR>
   <TD WIDTH="150" HEIGHT="20" BGCOLOR="#BCDBDB">
   </TD>
   <TD WIDTH="20" style="line-height:0.0em">
    [img]./bilder/1.gif[/img]
   </TD>
   <TD WIDTH="20" BGCOLOR="#FF80C0">
   </TD>
   <TD WIDTH="50" BGCOLOR="#FF80C0">
   </TD>
   <TD COLSPAN="2" BGCOLOR="#FF80C0">
   </TD>
  </TR>
</TABLE>

Alles anzeigen

Ronald

Moin!

Der IE stellt zeilenumbrüche im Quelltext als kleine leere Zeilen dar.
So sollte es gehen:

Code

<TABLE BORDER="1" WIDTH="100%" HEIGHT="100%" CELLSPACING="0" CELLPADDING="0">

  <TR>
   <TD WIDTH="150" HEIGHT="20" BGCOLOR="#BCDBDB">
   </TD>
   <TD WIDTH="20" HEIGHT="20" style="line-height:0.0em">[img]./bilder/1.gif[/img]</TD>
   <TD WIDTH="20" BGCOLOR="#FF80C0">
   </TD>
   <TD WIDTH="50" BGCOLOR="#FF80C0">
   </TD>
   <TD COLSPAN="2" BGCOLOR="#FF80C0">
   </TD>
  </TR>
</TABLE>

Alles anzeigen

wobei das style="line-height:0.0em" überflüssig ist und due die Angaben zur Höhe und breite besser generell per Stylesheets definierst:

Code

<td style="width:20px; height:20px">[img]./bilder/1.gif[/img]</td>

G.a.d.M.

Ronald

Vielen Dank, das wars. Bescheuert, dass das vom IE so interpretiert wird...

Gruß, Marco

Tags