Studi: Images pixelgenau positionieren

Gibt es eine Möglichkeit, um Images in Tabellenfeldern pixelgenau zu positionieren ? Folgende Tabelle lässt unter jedem Image innerhalb des Tabellenfelds ca. 2-3 Pixel Freiraum:

<table border="0" cellpadding="0" cellspacing="0" width="170">
<tr>
    <td><img src="img1.gif" border="0"></td>
</tr>
<tr>
    <td><img src="img2.gif" border="0"></td>
</tr>
</table>

Dieses Problem ist beim Opera und Netscape zu finden. MSIE schliesst beide Bilder lückenlos übereinander. Wird allerdings folgende Strukturierung gewählt, werden auch beim MSIE Pixellücken eingebaut:

<table border="0" cellpadding="0" cellspacing="0" width="170">
<tr>
    <td>
        <img src="img1.gif" border="0">
    </td>
</tr>
<tr>
    <td>
        <img src="img1.gif" border="0">
    </td>
</tr>
</table>

Für mich sind diese beiden Tabellen von der Darstellung her identisch. Nicht aber für den MSIE.

Ich werde bald wahnsinnig, hat hier jemand eine Lösung über CSS ? Position:absolute will ich nicht verwenden.

  1. Hallo Studi.

    Folgende Tabelle lässt unter jedem Image innerhalb des Tabellenfelds ca. 2-3 Pixel Freiraum:

    Schon mal an die Unterlängen für Bustaben wie "g", "p" oder "j" gedacht? ;)

    Dieses Problem ist beim Opera und Netscape zu finden.

    Und das ist auch richtig so.

    MSIE schliesst beide Bilder lückenlos übereinander.

    Er handelt wieder einmal eigenmächtig, ohne dass ihm das gesagt wurde.

    Wird allerdings folgende Strukturierung gewählt, werden auch beim MSIE Pixellücken eingebaut:

    Hier hast du nun zusätzliche Whitspaces eingefügt, die auf jeden Fall kritisch in Bezug auf dein Problem sind.

    Für mich sind diese beiden Tabellen von der Darstellung her identisch. Nicht aber für den MSIE.

    Richtig, bei der zweiten bestehen zusätzliche Whitespaces

    Ich werde bald wahnsinnig, hat hier jemand eine Lösung über CSS ? Position:absolute will ich nicht verwenden.

    Das wird dir hier auch nichts nützen.
    Ich bin mir nicht sicher, ob display:block hier weiterhilft, da ich bei Bildern schon lange Tabellen zu vermeiden versuche.

    Gruß, Ashura

    --
    Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
    Try it: Become an Opera Lover in 30 days
  2. Hi Studi,

    Zeilenumbrüche und Leerzeilen weglassen hilft beim IE. Alle margins und padding auf Null setzen vielleicht dem Rest.

    Viele Grüße
    Mathias Bigge