nicht angemeldet
- Wie bekomme ich den Abstand zwischen h2 (Schrift 1) und p (Das ist ein normaler Text) weg.
Es gibt bei CSS zwei Arten von Abständen, den Innenabstand padding und den Außenabstand margin (dazwischen liegt der Rahmen border, der intessiert hier aber natürlich nicht).
Die Außenabstände haben die besondere Eigenschaft, dass sie zum jeweils größten Wert zusammengefasst werden. Hat Element A einen Außenabstand von 2 und Element B einen von 1, beträgt der Abstand zwischen A und B 2.
Du hast in deiner Seite weder den Außenabstand von h2, noch von p entfernt. Setze margin-bottom für h2 auf 0, sowie margin-top entweder für p ebenfalls auf 0 oder für h2 + p. Letzteres betrifft nur jenes p, welches direkt auf h2 folgt.
- Wieso bricht die Überschrift1 so seltsam um, wenn man den Browser kleiner macht.
Was ist "seltsam"? Fallen Buchstaben zu Boden, bekommt sie grüne Füße? Oder meinst du den zu kleinen Zeilenabstand, den du dir mit …
body { font:15px Arial,sans-serif; line-height:1.4em; background:#ffffff; }
… selbst eingebrockt hast?
Von deinen Fragen unabhängig:
#header h1
#header h2
#header h3
#content h2
Diese Aufteilung, genauer: die doppelte h2-Angabe erscheint mir etwas fragwürdig. Die Abstufung der Überschriften h1 bis h3 ergibt sich aus ihrer inhaltlichen Position, nicht danach, ob du sie in diesem oder jenem div platziert hast.