Marco: Problem mit CSS Formatierung

Hallo zusammen.

Ich habe ein Problem mit einer Positionierung. Hier erst einmal der Link.

<www.bosch-bug.de/develop/test.htm>

Zwischen dem Bild und dem Farbbalken soll kein Abstand sein.

Im Internet Explorer ist alles okay. Dort ist der Farbbalken nahtlos an der Grafik. Jedoch wird im Mozilla ein kleiner Abstand dazwischen gezeigt. Ich kann mir aber nicht erklären warum.

Vielleicht weiß jemand im Forum Rat.

Viele Grüße

marco

  1. hallo du

    zwischen dem bild und dem farbbalken is kein abstand.
    jedenfalls bei mir nich

    1. zwischen dem bild und dem farbbalken is kein abstand.
      jedenfalls bei mir nich

      Der Abstand ist nur beim Mozilla/Netscape zu sehen. Hast du Mozilla benutzt? Welche Version? Meine ist 1.4.

  2. hi,

    Zwischen dem Bild und dem Farbbalken soll kein Abstand sein.
    Im Internet Explorer ist alles okay. Dort ist der Farbbalken nahtlos an der Grafik. Jedoch wird im Mozilla ein kleiner Abstand dazwischen gezeigt. Ich kann mir aber nicht erklären warum.

    das problem ist bekannt, und wurde hier auch schon oft diskutiert.
    mozilla richtet das bild an der grundlinie des textes in der zeile aus (auch wenn kein text in der zeile mit dem bild steht). _unterhalb_ dieser grundlinie muss allerdings noch platz gelassen werden für die unteren "auswüchse" von buchstaben wie g, j etc.

    probier mal, das bild mit hilfe von vertical-align auszurichten, http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align - der wert "bottom" sollte AFAIK helfen.

    gruss,
    wahsaga

    1. Vielen Dank für die Antwort, Wahsaga.

      Das hat wirklich geklappt. Oh, das freut mich jetzt. :-) Da beißt man sich ewig an einer Sache fest. Aber mit so einer Lösung hätte ich im Leben nicht gerechnet. Nochmals Danke.

      Gruß aus der Pfalz.

      marco

  3. Hallo,

    ganz ausführliches dazu gibt's hier (auch wenn es im hier vorliegenden Fall keine Tabelle ist):
    http://www.dodabo.de/html+css/img-table/

    Viele Grüße
    Carsten