gl03: <TD> Höhe falsch bei image in Nachbarzelle

Folgendes haarstreubendes Problem tritt am IE 6 Windows auf sowie am Firefox, sobald ich strict xhtml als doctype angebe:

Ich moechte einfach einen Table mit einem Image bauen, sowie einer Tablezelle daneben, die die gleiche Hoehe wie das Bild hat. Leider wird die Tablezelle immer einige Pixel hoeher dargestellt.

Hier mein Quelltext (w3c validiert):

<!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" lang="en">
<body style="background-color: #555555">

<table style="height:49px;">
<tr>
<td style="height:49px; width:49px; padding:0px; margin:0px;">
<img src="./test49.gif" alt="img" />
</td>
<td style="height:49px; width:216px; background-color: #CCCCCC; padding:0px; margin:0px;">
</td>
</tr>
</table>

</body>
</html>

Bitte um Hilfe!

gl03./

Hier noch das Beispiel online:

http://xdv.org/gl03/test/test.html

  1. Hallo!

    Die Lösung deines Problems sind die hspace- bzw. vspace Attribute des img-tags, mit denen der Platz neben bzw. über und unter einem Bild angegeben wird!

    Gruß Richard

    1. hmm, danke, aber w3schools sagt dazu folgendes:

      "The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD."

      gruss,

      gl03./

      Hallo!

      Die Lösung deines Problems sind die hspace- bzw. vspace Attribute des img-tags, mit denen der Platz neben bzw. über und unter einem Bild angegeben wird!

      Gruß Richard

      1. "The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD."

        Dann versuchs mit padding in der Zelle!

        Gruß Richard

        1. welches padding, welche zelle?! beide zellen sind auf "padding:0px; margin:0px;" gesetzt!!

          lg, g./

          "The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD."

          Dann versuchs mit padding in der Zelle!

          Gruß Richard

  2. Hallo gl03

    ... Leider wird die Tablezelle immer einige Pixel hoeher dargestellt.

    Das img ist ein Inlineelement, welches auf der Grundlinie der Schrift
    ausgerichtet wird. Die Schrift kann aber Unterlängen haben (j,p,q,y).

    Du kannst dem Bild im CSS entweder geeignetes vertical-align geben, oder
    einen Wert für display, der es von seinem Inlinedasein erlöst.

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    1. genial, danke!!

      Das img ist ein Inlineelement, welches auf der Grundlinie der Schrift
      ausgerichtet wird. Die Schrift kann aber Unterlängen haben (j,p,q,y).