In den Header und Footer einer Webseite setzte ich jeweils ein Bild. Ich stellte fest, dass Header und Footer dadurch nach unten ausgestreckt wurden. In der Abbildung ist das gelb markiert:

Ich fummelte also an der CSS-Datei herum.


header img,
footer img {
    margin: 0;
    padding: 0;
}


Diese Angaben bewirkten aber nichts. Schließlich kam ich drauf:


header img,
footer img {
    display: block;
}


Jetzt passten sich die Bilder genau in die Behälter ein.