Problem mit h1

NetzUnity und Informatik-forum wurden zusammengelegt. Eine entsprechende Ankündigung wird demnächst noch folgen. Für 2025 ist hier einiges geplant! Bei Fragen bitte per DM an Maximilian Rupp wenden.
  • Hallo!

    Ich habe auf einer Seite eine h1-Überschrift gefolgt von normalem Text. Der Abstand zwischen der Überschrift und dem Text ist leider im Firefox und Safari anders als im IE.

    Ich habe das Problem auf folgenden Code reduziert:

    Ergebnis, siehe Anhang. Anscheinend verwendet der IE für den Abstand bereits die (niedrigere) Font Size des normalen Textes, während der Firefox noch die (höhere) der Überschrift verwendet.

    Ich nehme an, dass inzwischen selbst der IE den XHTML-Standard einigermaßen unterstützt und ich irgendwo einen Fehler gemacht habe.

    Kann mir ein HTML-Kundiger helfen?

  • mit firefox 3 und ie7 auf winxp kann ich das problem nicht nachvollziehen: sieht bei beiden aus wie am msie screenshot.

    Aber statt sich mit den quirks und default-formaten der verschiedenen
    browser zu ärgen würde ich ein reset-stylsheet empfehlen. das setzt
    mal einfach alles auf 0; danach kann man die abstände und größen
    bewusst so setzen wie man will.

    z.b. von eric meyer
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
    oder aus der yahoo interface library
    http://developer.yahoo.com/yui/reset/

    Brigitte Jellinek - http://multimediatechnology.at/web-communities/
    Ich unterrichte in einem Medieninformatik-Studium (BSc, MSc) mit Schwerpunkt Web Development
    Meine Themen: Ruby on Rails, Javascript, SCRUM, git, Test Driven Development,...

  • Du solltest bei gewissen Elementen wie Überschriften immer die Attribute, margin, padding und line-height angeben, weil diese in verschiedenen Browsern anders vordefiniert sind :)

    --Pleex

    Ps: HIER WAR EIN LINK :)

    Einmal editiert, zuletzt von enemy2k (22. Juli 2008 um 17:45) aus folgendem Grund: Link wurde entfernt. Führt zu einem online access. Spam?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!