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:
<div id="praxisfoto">
<h1> Praxisfotos</h1>
<img src="images/headerfoto.jpg" alt="Praxisfoto">
</div> <!-- // Ende praxisfoto-->
CSS:
#praxisfoto {
padding: 0 8% 0 8%;
background-color:#f6ede7;
}
#praxisfoto h1{
display:none;
}
HTML:
<div id="praxisfoto">
<h1> Praxisfotos</h1>
<img src="images/headerfoto.jpg" alt="Praxisfoto">
</div> <!-- // Ende praxisfoto-->
CSS:
#praxisfoto {
padding: 0 8% 0 8%;
background-color:#f6ede7;
}
#praxisfoto h1{
display:none;
}
