Længlich: Firefox Bug - trotz padding:0 Abstände

Beitrag lesen

Hi!

Im IE und Opera ist das auch so, aber beim Firefox wird unter dem Bild ein kleiner Rand angezeigt? Wieso ist das so?

Das ist das bekannte Unterlängen-Problem: Der Fuchs läßt da ein bißchen Platz wegen eventueller Buchstaben, die unter die Grundlinie hinausragen, z.B. g oder j.
Es gibt mehrere Möglichkeiten, das zu beheben, beispielsweise kannst Du die line-height reduzieren oder das Bild unten ausrichten anstatt an der Grundlinie.

Theoretisch kannst Du das p um das Bild auch ganz weglassen und das img selbst floaten lassen. Das setzt aber voraus, daß das ganze Testszenario in ein anderes Element hineinkommt (so was wie <div id="content"> o.ä.), da der body IIRC keine Inline-Elemente wie img als direkte Nachfahren enthalten darf (zumindest nicht in der Strict-Variante).

Viele Grüße vom Længlich