Unterlängen bei img (war: Rand bei DIV-Container entfernen)

[Matthias Scharwies]

Servus!

Das Problem seht ihr unten am Bild.

Ich habe als Hintergrund des Bodys die Papiermusterung (Lizenzen der Bilder kaufe ich erst am Ende, da sich immer mal wieder was ändert). Mein Logo ist transparent und ich möchte, dass der Hintergrund farbig ist und mein Logo mit einem abgerissenen Papierrand vom Body getrennt ist.

An sich tut es, was es soll, aber da ist so ein hässlicher Streifen. Ich habe schon margin, padding und border auf 0 gesetzt, aber keine Änderung.

Ich sitze da nun geschlagene 2 Stunden daran und denke, es ist was ganz Simples.

Ja und nein.

Dein Bild ist ein Inline-Element, das auf der Grundlinie positioniert ist.

Da es potentiell Unterlängen (im nicht vorhandenen Text) geben könnte, existiert der Raum dafür.

Du kannst

• vertical-align verändern, z.B. zu bottom
• display auf block ändern, damit es nicht mehr inline ist.

Übrigens: Ich würde diese Grafik als background-image einbinden und mein HTML überprüfen und modernisieren. <center> gibt's nicht mehr und dein <div class="logofarbe"> will wohl ein header sein.

Herzliche Grüße

Matthias Scharwies