Seite 1 von 1

Grafik in DIV, woher kommt der Abstand?

Verfasst: 03.03.2009 09:36
von 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...

Re: Grafik in DIV, woher kommt der Abstand?

Verfasst: 03.03.2009 11:49
von franki
Hast Du es mal ohne die "div"-Anweisung eingebunden?

Re: Grafik in DIV, woher kommt der Abstand?

Verfasst: 03.03.2009 12:50
von JFooty
@monkey:
Da ist aber auch noch eine zweite css-Klasse im Spiel, die möglicherweise den Abstand verursachen könnte. :wink:
monkey hat geschrieben:<div class="images">
<img class="kram" src="./../../images/svt/clean.gif" />
</div>

Re: Grafik in DIV, woher kommt der Abstand?

Verfasst: 03.03.2009 17:59
von 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...