Firefox zeigt bei Schriftattributen abweichendes Verhalten zu Chrome, Edge und Opera. Fehler?

  • Firefox-Version
    158.0
    Betriebssystem
    Windows 11 pro

    Guten Abend,

    ich habe ein abweichendes Verhalten vom Firefox Browser zu Edge, Chrome oder Opera
    entdeckt: Untenstehender HTML Text gibt drei Zeilen im Schriftattribut bold und underline
    aus. Wenn ich diese Datei im Firefox Browser ansehe, so ist die erste Zeile nicht bold, sondern
    normal unterstrichen. Bei den beiden folgenden Zeilen wird dagegen die Unterstreichung
    korrekt bold ausgegeben.
    Wenn ich denselben HTML Text in Edge, Chrome oder Opera ausgebe, erscheint die
    Unterstreichung bei allen drei Zeilen in bold, also korrekt.

    Ich weiß, dass meine Schriftattribute nicht immer korrekt geschachtelt sind und ich verlasse
    mich in komplizierten Schriftattribut Verschachtelungen manchmal auf die Fehlertoleranz
    der Browser. Der hier beschriebene Fall sollte imho funktionieren und der Firefox Browser
    das nach <u> folgende <b> nicht nur auf den Text, sondern auch auf die Unterstreichung
    beziehen. Wie gesagt: Edge, Opera und Chrome machen das so.

    Bin gespannt was ihr dazu schreibt.

    Mit freundlichem Gruß

    Richard Stahl


    ______________________________Hier der HTML Text____________________________________

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
    a:visited {
    color: red;
    background-color: transparent
    text-decoration: underline;
    }
    p {background-color: white; color: black;}
    .klein { font-size:0.6em; }
    .treffer {background-color: red; color: white;}
    .fn {background-color: white; color: gray;}
    h1 {
    line-height: 1.1em;
    font-size: 1.0em;
    }
    body {font-family: monospace;}
    </style>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>ext cdi Imperialismus des 21. Jahrhunderts</title>
    <meta name="robots" content="index, nofollow">
    <meta name="description" content="Zum Imperialismus des 21. Jahrhunderts, oder: DIE GANZ NEUE WELTORDNUNG * In eigener Sache Die Zensur von 'Kein Kommentar' ... auf Radio Helsinki April 2026">
    </head>
    <body style="font-size:140%;">
    <p class="klein"> Quelle: Unpatriotische Linke - Contradictio</p>
    <pre>
    <tt>
    den ersten Seiten:
    <u><b>EU-Sanktionen gegen Schweizer Ex-Nachrichtenoffizier Jacques</u>
    <u>Baud: Die Medien berichten in einer Mischung aus Zustimmung und</u>
    <u>Warnung</u>

  • Ich weiß, dass meine Schriftattribute nicht immer korrekt geschachtelt sind und ich verlasse
    mich in komplizierten Schriftattribut Verschachtelungen manchmal auf die Fehlertoleranz
    der Browser.

    Ohne, dass du eine Webseite genannt hast, kann ich dir sagen, dass Firefox da sehr fehler-intolerant ist - und das ist gut so! Falsche Verschachtelungen sind einfach zu vermeiden. Wenn man das nicht kann, sollte man besser einen WYSIWYG-Editor nutzen, der das beherrscht, oder das Wissen zu CSS auffrischen.

    Frei nach Einstein: „Zwei Dinge sind unendlich, Marketing und die menschliche Gutgläubigkeit, bei einem bin ich mir noch nicht ganz sicher.“

    Meine Glückszahl hier: 98.

  • Guten Abend DeJaVu,

    bei dem von mir geposteten HTML-Text handelt es sich meiner Ansicht nach NICHT um einen Verschachtelungsfehler von Schriftattributen. Dass Firefox aber offensichtlich weniger "fehlertolerant" ist (und das auch noch gut sein soll) als Edge, Opera und Chrome lässt meine Affinität zu diesen Browsern wachsen.😒

  • Sieht bei mir im Firefox 158 so aus:

    Im Edge 155.0.4283.45 so:

  • r.e.stahl

    Ob es einfach nur an einem fehlenden Semikolon liegt?

    Versuche es jetzt einmal.

    Und so sollte der "richtige" Code laut Gemini aussehen.

    Mit <3lichem Gruß

    Mira

  • Und so sollte der "richtige" Code laut Gemini aussehen.

    Im Gegensatz dazu liefert »MI« kompakteren Code, der zudem auch noch fehlerfrei auf validator.w3.org erkannt wird:

  • Hallo Mira_Belle,

    ich habe den von Dir übermittelten Gemini Code ausprobiert und der "Fehler" ist nach wie vor da. Mir ist allerdings nicht klar, wo ein Semikolon in meinem HTML Code fehlen soll. Ich habe aber einen modifizierten Code ausprobiert, den ich unten anhefte und bei dem der "Fehler" nicht mehr auftritt. Und zwar habe ich als einzige Änderung im Code in der drittletzten Zeile das <b> jetzt vor das <u> Tag gestellt und siehe da, die Unterstreichungen kommen jetzt bei Firefox richtig. Ich denke schon dass das ein Fehler von Firefox ist. Offensichtlich ignoriert Firefox in der ersten Unterstreichungszeile das <b> wenn es dem <u> nachgestellt wird und berücksichtigt es erst, wenn in der nächsten Zeile Firefox auf das nächste <u> stößt. Wie gesagt, Chrome, Opera und Edge machen das nicht so, sondern berücksichtigen bei der Unterstreichung das <b> auch dann, wenn es dem <u> in der ersten Unterstreichungszeile nachgestellt ist. Wenn man das nicht einen Fehler von Firefox nennen will dann bitteschön, eine Inkonsistenz zu den anderen genannten Browsern ist es allemal. Und ich finde auch dass sich Chrome Opera und Edge in diesem Fall besser verhalten.

    Mit freundlichem Gruß

    Richard Stahl ☺️

    --------------------modifizierter HTML Text bei dem der underline "Fehler" nicht mehr auftritt-------------------------------------------

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
    a:visited {
    color: red;
    background-color: transparent;
    text-decoration: underline;
    }
    p {background-color: white; color: black;}
    .klein { font-size:0.6em; }
    .treffer {background-color: red; color: white;}
    .fn {background-color: white; color: gray;}
    h1 {
    line-height: 1.1em;
    font-size: 1.0em;
    }
    body {font-family: monospace;}
    </style>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>ext cdi Imperialismus des 21. Jahrhunderts</title>
    <meta name="robots" content="index, nofollow">
    <meta name="description" content="Zum Imperialismus des 21. Jahrhunderts, oder: DIE GANZ NEUE WELTORDNUNG * In eigener Sache Die Zensur von 'Kein Kommentar' ... auf Radio Helsinki April 2026">
    </head>
    <body style="font-size:140%;">
    <p class="klein"> Quelle: Unpatriotische Linke - Contradictio</p>
    <pre>
    <tt>
    den ersten Seiten:
    <b><u>EU-Sanktionen gegen Schweizer Ex-Nachrichtenoffizier Jacques</u>
    <u>Baud: Die Medien berichten in einer Mischung aus Zustimmung und</u>
    <u>Warnung</u>

  • Nochmal Hallo Mira_Belle,

    sorry, ich habe aus Versehen den falschen alten Code statt dem richtigen laufen lassen. Bei Deinem Code kommen die Unterstreichungen auch richtig und im Prinzip machst Du ja auch nichts anderes als das <b> dem <u> voranzustellen. Meine im letzten Post genannte Behauptung, dass sich Opera, Edge und Chrome in diesem Fall besser verhalten, nehme ich daher nicht zurück. Das Problem ist, dass meine in php geschriebene Website Software noch auf Mailbox Software Mitte der 1990er Jahre zurückgeht, wo es noch keine Schriftattribute wie underline, kursiv oder bold (höchstens highlighted) auf DOS Rechnern gegeben hat. Ich habe die Software in den letzten 30 Jahren immer weiter aufgebohrt und 2008 mittels Portierung nach php auf Website Betrieb statt Mailboxbetrieb umgestellt. Die Software enthält ziemlich komplizierte Mechanismen um Plain ASCII Texte in ein Textformat mit ansprechendes Layout mit Schriftattributen umzuwandeln. Sie ist dadurch etwas unübersichtlich geworden. Es ist mir derzeit nicht möglich, Firefox derart entgegenzukommen, dass ich das <b> dem <u> voranstelle und hoffe eher, dass sich Firefox den genannten Browsern Edge, Chrome und Opera anpasst. Fehlertolerante Systeme sind für mich kein Übel. Ich weiss allerdings auch, dass Leseprogramme wie Screenreader für Blinde bei nicht korrekt geschachtelten Schriftattributen ins Stolpern kommen können.

    Mit freundlichem Gruß

    Richard Stahl😐️