huckmao: Ebene unterschiedlich dargestellt bei strict resp. transitional

Hallo,
ich habe da ein Problem, das ich nicht zu lösen weiss.
Ich möchte eine mit CSS definierte Ebene, deren oberer und unterer Rand  sichtbar ist (border-top: 1px solid black; boder-bottom: 1px solid black). In der Ebene sind Inline-Elemente (Bilder enthalten).

Wenn ich die HTML-Variante 'strict' wähle, entsteht zwischen dem unteren Rand des Inline-Elements (dem Bild) und dem unteren Rand des Gefässes (der Ebene) ein unerwünschter Abstand. Mit der Variante 'transitional' entsteht das Problem nicht.
http://www.tonform.ch/test/strict.htm resp. http://www.tonform.ch/test/transitional.htm

Eigentlich möchte ich die Seite 'strict' halten - aber ohne obiges Problem.

Für eine Lösung wäre ich sehr dankbar.
Gruss

  1. Hi,

    Wenn ich die HTML-Variante 'strict' wähle, entsteht zwischen dem unteren Rand des Inline-Elements (dem Bild) und dem unteren Rand des Gefässes (der Ebene) ein unerwünschter Abstand. Mit der Variante 'transitional' entsteht das Problem nicht.

    Das hat damit nichts zu tun, sondern mit dem quirks mode, in den Du die Browser bei Transitional ohne Angabe der DTD schickst, und in dem sie erraten, was Du gern möchtest. Du kannst es ihnen aber auch einfach mitteilen: img {vertical-align:bottom}

    freundliche Grüße
    Ingo

    1. Problem gelöst.
      Vielen Dank und Gruss