Grafik in DIV, woher kommt der Abstand?

[monkey]

Hi,

benutze den Style "proglass_red", der auf "prosilver aufbaut.

Folgendes Template habe ich:

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->
 

    <div class="images">
      <img class="kram" src="./../../images/svt/clean.gif" />
    </div>


<!-- INCLUDE overall_footer.html -->

Hier die css dazu:

Code: Alles auswählen

div.images {
  padding: 0px;
  margin: 0px;
  background-color: #ff0000;
}

Die Grafik ist 60x75 [px].

So mein Problem ist, dass zwischen dem DIV und der Grafik unten ein Abstand von 2px erscheint. Der Abstand ist nur unten. Wenn ich eine simple HTML-Datei mit den beiden Inhalten baue wird es richtig ohne Rand dargestellt. Irgendetwas muss dafür also in dem Style verantwortlich sein, aber was?!?

Benutze den aktuellen Firefox-Browser...

[franki]

Hast Du es mal ohne die "div"-Anweisung eingebunden?

[JFooty]

@monkey:
Da ist aber auch noch eine zweite css-Klasse im Spiel, die möglicherweise den Abstand verursachen könnte.

<div class="images">
<img class="kram" src="./../../images/svt/clean.gif" />
</div>

[monkey]

Hi,

die class "kram" is auch von mir, da steht nix drinne. Die war nur zum Testen.

Code: Alles auswählen

div.images img {
  padding: 0px;
  margin: 0 0 -2px 0;
}

So geht es jetzt, aber warum ich das machen muss weiß ich nicht, das würde ich gerne noch wissen...