Unerwünschter Rand unter Bild

[ekiem]

Ich habe in einem responsive Layout ein skalierbares Foto platziert. Mit padding und background-color habe ich seitliche Abstände mit Hintergrungfarbe definiert. Oben und unten ist das padding auf 0% gesetzt. Trotzdem erscheint unten ein kleiner Rahmen. Warum? Und wie kann man das ändern?

HTML:

Praxisfotos

CSS:
#praxisfoto {
padding: 0 8% 0 8%;
background-color:#f6ede7;
}

#praxisfoto h1{
display:none;
}

[scbawik]

@ekiem

Ich habe in einem responsive Layout ein skalierbares Foto platziert. Mit padding und background-color habe ich seitliche Abstände mit Hintergrungfarbe definiert. Oben und unten ist das padding auf 0% gesetzt. Trotzdem erscheint unten ein kleiner Rahmen. Warum? Und wie kann man das ändern?

HTML:

Praxisfotos

CSS:
#praxisfoto {
padding: 0 8% 0 8%;
background-color:#f6ede7;
}

#praxisfoto h1{
display:none;
}

Die Frage beantworte ich jetzt bestimmt zum 100. Mal.
Einfach googlen „css abstand unter bild“…

img {vertical-align:bottom}

[ekiem]

Danke. Tut mir leid für die Mühe. Ich habe vertical-align:bottom an der falschen Stelle probiert.