Ungewollter Abstand zwischen s

Hallo!
Ich arbeite grad an dem redesign meiner Homepage und da wollte ich sie mit ein paar Rundungen und Schatten aufbessern, doch ist das Ergebnis nicht sehr zufriedenstellend.

Live: http://flos-page.mine.nu
Screenshot + Dateien: http://blackrose.dvrdns.org/down/neu.zip

Im .zip Archiv ist ein Screenshot mit dem Template und der CSS Datei.
Wäre euch sehr dankbar, wenn man mir einen Lösungsvorschlag für das Problem geben könnte.

Ach ja…als ich im CSS file:

* {
margin:0;
padding:0;
}

gemacht hab, waren zwar auf der ganzen Seite die Abstände weg, dafür aber auch zwischen den s. Vielleicht ist das ein Ansatz zur Lösung…

Danke!

Probier mal das hier:

Verändere mal folgende divs:

  1. Vor der Überschrift „Neuigkeiten“ den div mit class „styleLeft“
    ergänzen durch:

  2. Vor der Überschrift "Herzlich willkommen den div mit class
    „styleMiddle“ durch:

In beiden solltest du folgenden style-tag einfügen, damit
funktionierts zumindest im Safari…

style=„margin-top:0;padding:10px;“

Falls es funktioniert kannst du das ja in die Klassendefinition
einfügen oder alternativ auch über eine id zuweisen, also so was wie

#stylemiddle{
margin-top:0px;
padding:10px;
}

Dann müsstest du den zwei oben genannten divs natürlich entsprechende
id’s zuweisen.

Vielen Dank! Hat funktioniert!
Ist eben ein bisschen mehr Abstand als ursprünglich gedacht, aber sieht auch gut aus!
Jetzt stellt sich mir nur die Frage: Warum?
Ich meine, ist das so, dass div Elemente von dem Browser so geparst werden, das sie oben und unten einen Abstand bekommen?
Oder ist das eine von diesen vielen fragwürdigen Implementierungen von CSS?

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Hallo,

Vielen Dank! Hat funktioniert!
Ist eben ein bisschen mehr Abstand als ursprünglich gedacht,
aber sieht auch gut aus!

Na ja, du müsstest ja theoretisch nur den Wert von 10px ändern um den
Rand etwas zu verkleinern.

Jetzt stellt sich mir nur die Frage: Warum?

-) Also ganz ehrlich gesagt bin ich mir da auch nicht

hundertprozentig sicher, vor Allem, weil ich mir das Dokument nicht
vollständig durchgesehen habe. Irgendwie finde ich diese Templates
immer recht unübersichtlich, aber das geht vermutlich nicht
einfacher. Im Grunde mache ich mir da auch nicht allzu viele Gedanken
sondern suche nur nach den Elementen die nicht passen und verändere
da halt die entsprechenden Parameter wie margin oder padding. Das
funktioniert dann in der Regel. Solange sich die dämlichen
Browserhersteller nicht einigen können ist man sowieso dauernd auf
Ausprobieren angewiesen.

Ich meine, ist das so, dass div Elemente von dem Browser so
geparst werden, das sie oben und unten einen Abstand bekommen?

Das vermutlich sowieso weil es ja (wenn ich mich recht erinnere)
Block-Elemente sind die quasi als Absatz behandelt werden. Aber das
könnte auch browserabhängig sein, vielleicht hast du auch schon
irgendwo vorher mal die Ränder verändert und dann käme vermutlich die
Vererbung von CSS-Eigenschaften ins Spiel. Ich denk jedenfalls, es
schadet nichts, mehr html-tags optisch anzupassen als eigentlich
nötig wären. Denn selbst das mit der Vererbung von CSS-Merkmalen
scheint auch nicht immer hundertprozentig zu funktionieren.