N2O: Unerwünschter Abstand beim Bild im DIV-Container

Schönen Sonntag allerseits,

ich habe ein Problem: Bei dem folgenden DIV-Kasten (exemplarisch) hat das Bild noch einen Pixel Abstand zum rechten Ende des DIV-Containers. Das ist natürlich unerwünscht, schließlich soll das Bild mit dem rechten Ende des Containers abschließen. Das Problem tritt allerdings nur im M$ Internet Explorer auf. Im Mozilla funktioniert es wortwörtlich "nahtlos".

<html>

<body>
<div style=background-color:black;width=230px><img src="bild.jpg" align=right></div>
</body>

</html>

Wer hat ne Lösung? Danke!

Gruß
Lachgas

  1. Hallo,

    <div style=background-color:black;width=230px><img src="bild.jpg" align=right></div>

    ^ da fehlen Anführungsstriche

    ^ width:, nicht width=

    ^ Anführungsstriche!
    img align=right wird im div zu text-align:right;

    Ansonsten fehlen evtl. noch padding:0 und margin:0 für sämtliche Elemente, um den Abstand zum Rand zu entfernen.

    Gruß,
    _Dirk

    1. Danke, aber es hat alles nichts gebracht.

      Ich warte auf weitere Lösungsversuche ;-)

      Lachgas

      1. Hallo!

        Danke, aber es hat alles nichts gebracht.

        Doch, ich habe eben Deinen Quelltext mit Schuers Korrekturen versehen und bei mir funktionierts!

        Ich warte auf weitere Lösungsversuche ;-)

        Eventuell Deinen aktualisierten Quelltext hier posten.

        Beste Grüße
        Viennamade

        1. Danke, aber es hat alles nichts gebracht.
          Doch, ich habe eben Deinen Quelltext mit Schuers Korrekturen versehen und bei mir funktionierts!

          Bei mir immer noch nicht ...

          Eventuell Deinen aktualisierten Quelltext hier posten.

          <html>

          <body>
          <div style="background-color:black;width:230px;margin:0;padding:0;"><img src="bild.jpg" align=right></div>
          </body>

          </html>

          1. Hallo!

            Danke, aber es hat alles nichts gebracht.
            Doch, ich habe eben Deinen Quelltext mit Schuers Korrekturen versehen und bei mir funktionierts!

            Bei mir immer noch nicht ...

            Eventuell Deinen aktualisierten Quelltext hier posten.

            <html>

            <body>
            <div style="background-color:black;width:230px;margin:0;padding:0;"><img src="bild.jpg" align=right></div>
            </body>

            Zitat aus dem Posting Schuer:

            img align=right wird im div zu text-align:right;

            Also im style-Attribut des div dazu und das align-Attribut vom img weg.

            Beste Grüße
            Viennamde

            1. Also im style-Attribut des div dazu und das align-Attribut vom img weg.

              Ups, ja, habe ich überlesen.

              Besten Dank! Jetzt funktionierts

              Gruß
              Lachgas

          2. Hallo N2O!

            <html>

            <body>
            <div style="background-color:black;width:230px;margin:0;padding:0;"><img src="bild.jpg" align=right></div>
            </body>

            </html>

            Steht es e x a k t so (Leerzeichen, Zeilenumbrüche) in deinem Quelltext?

            Gruß Toni