Klassen weisen unterschiedliche Abstände auf

[Ugeen]

Ich habe folgendes Problem,

ich habe für mein linken Content immer eine Grafik als Überschrift, dann einen Text und dann eine Trennlinie. In CSS sind diese Formatierungen alles Klassen. Trotzdem weisen die Grafiküberschrift und die Trennlinie unterschiedliche Abstände auf? Woran kann das liegen?

Mein Code:
#contentleft {
background-color: #1A1A1A;
background-image: url(Bilder/Scannlines4.gif);
border-left: 1px solid white;
border-right: 1px ridge white;
width: 246px;
height: 100%;
float: left;
text-align: left;
}
.tr { //Trennlinie
position: relative;
top: 0px;
left: 2px;
}
.font { //Schrift
position: relative;
top: 0px;
left: 17px;
color: White;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
p {
width: 235px;
}
img {
position: relative;
top: 10px;
left: 5px;
}

<div id="contentleft"><img src="Bilder/news2.gif" alt="News"/>
<p><span class="font">Herzlich Willkommen auf KNG-Music!!!</span></p>
<span class="tr"><img src="Bilder/tr.gif" alt="Trennlinie"/></span>
<img src="Bilder/counter2.gif" alt="Counter"/>
<p><span class="font">Herzlich Willkommen auf KNG-Music!!!</span></p>
<span class="tr"><img src="Bilder/tr.gif" alt="Trennlinie"/></span>
<img src="Bilder/links2.gif" alt="Links"/>
<p><span class="font">Herzlich Willkommen auf KNG-Music!!!</span></p>
<span class="tr"><img src="Bilder/tr.gif" alt="Trennlinie"/></span>
</div>

 

[dkdenz]

Es wäre schön wenn Du einen Link hättest,
das Dokument komplett posten oder das Dokument als *txt-Datei anhängen würdest,
denn es macht wahrscheinlich vielen Leuten zuviel unnötige arbeit (so auch mir),
extra ein Dokument anzulegen und dann auch noch zu testen.
Das ist einfach zuviel Arbeit, die Du Dir machen solltest, wenn Dir geholfen werden soll.
Danke...

 

[Ugeen]

OK werde ich Zukunft dran denken. Hab es jetzt aber hin bekommen, ich habe nur noch das Problem, dass sich meine beiden Contentboxen nicht gleichzeitig den Inhalt anpassen. Hier der Link.

 

[Ugeen]

Hat keiner eine Idee?