F 49.0.1 stellt Webseiten nicht richtig dar

Zitat von ebe52

Leider kann ich keinen Screenshot liefern, weil ich hier an einem Rechner bin, der noch F 47.0.1 drauf hat.

Warum sollte die veraltete Firefoxversion keinen Screenshot zulassen?
Warum nutzt du nicht die Original-Firefoxversion... ich kann mit 49.0.1 deine Webseite aufrufen und sehe keine Einschränkung...
Oder möchtest du verbotenerweise nur ein bißchen Werbung machen?

Arbeite mal das Übliche ab:

- Teste im abgesicherten Modus. Sollte es dann klappen, siehe Im abgesicherten Modus ist das Problem behoben

- hilft Punkt 1 nicht: Firefox bereinigen – die meisten Probleme einfach lösen. Weitere Infos unter dem Link.

Wenn auf "Vollständiger Editor & Vorschau" hier klickst kannst du auch Bilder hoch laden. Da ist nix kompliziert, das ist in fast jedem Forum so.

Im IE 11 sieht die Seite so aus bei mir: http://i.imgur.com/zgT24To.png
Im Firefox 49.0.1 so: http://i.imgur.com/kyoWBKD.png und wie du schon sagtest wird da die Schrift sichtbar, sobald man mit der Maus markiert.

Firefox macht meiner Meinung nach alles richtig und hält sich immer mehr an die Standards. Die anderen Browser arbeiten da schlampiger und stellen manche Dinge trotz falsch programmierter Werbseiten trotzdem wie gewünscht dar. Auf deiner Seite wird keine Farbe als Schrift übernommen, weil die Schrift von body geerbt wurde. Body ist mit #0000 angegeben, dies ist aber kein gültiger Hex-Wert, da ist eine 0(Null) zu viel.
Zumindest fällt mir das als erstes ins Auge, wenn ich die Seite per Rechtsklick--> Element untersuchen aufrufe. Man mag mich korrigieren falls ich da falsch liege.

EDIT: sieht so aus als hättest du einen ehemals richtigen Hex-Wert (#333) in http://meisterbuchhalter.ch/wp-content/the…e.css?ver=2.1.2 in Zeile 131 in den ungültigen Wert #0000 mal selbst geändert. Zumindest lese ich das so in dem Kommentar in Zeile 127

Ergänzung: Hier mal ein kleiner Code zum testen, wo man es sehr gut sehen kann. Einfach als .html Dokument abspeichern und aufrufen:
Hier sieht man wegen #0000 den Text nicht (es sei denn man markiert ihn) in Firefox 49. Mit Firefox 48.0.2 sieht man ihn noch.

<p style="color: #0000; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>

Löscht man eine Null, also ändert man es in #000, dann sieht man auch in Firefox 49 (bzw. 49.0.1) noch den Text.

Leider finde ich im Changelog von Firefox 49 nichts dazu https://www.mozilla.org/en-US/firefox/49.0/releasenotes/

Zitat von Zitronella

Auf deiner Seite wird keine Farbe als Schrift übernommen, weil die Schrift von body geerbt wurde. Body ist mit #0000 angegeben, dies ist aber kein gültiger Hex-Code, da ist eine 0(Null) zu viel.

Oder es fehlen zwei Nullen. Entweder drei Stellen oder sechs Stellen, vier Stellen geht jedoch nicht.

gern geschehen da sieht man mal wieder, welch große Auswirkungen ein einziges vergessenes Zeichen im Code haben kann.

Trotzdem würde mich interessieren, wo diese Änderung im Changelog auf Firefox 49 dokumentiert ist. Vielleicht kann dies ein Fachkundiger (Sören?) noch ergänzen.

Zitat von Zitronella

Body ist mit #0000 angegeben, dies ist aber kein gültiger Hex-Wert, da ist eine 0(Null) zu viel.

Zitat von milupo

Oder es fehlen zwei Nullen. Entweder drei Stellen oder sechs Stellen, vier Stellen geht jedoch nicht.

Damit irrt ihr beiden euch und genau das ist der Grund für das Problem, welches seit Firefox 49 auftritt.

Die sechsstelligen Hexadezimal-Werte respektive ihre dreistelligen Kurzformen sind eine andere Schreibweise für RGB (Rot-Grün-Blau), beispielsweise kann #fff für die Farbe Weiß anders auch rgb(255, 255, 255) geschrieben werden. Firefox unterstützt seit Version 49 jedoch auch die Hexadezimal-Schreibweise für RGBA mit A für Alpha als zusätzlichem Parameter, sprich damit sind auch achtstellige beziehungsweise vierstellige Werte in der Kurzschreibweise erlaubt, das übersetzt #ffff in rgba(255, 255, 255, 1).

Ein Alpha-Wert von 0 bedeutet: vollkommen transparent, unsichtbar. Ein Alpha-Wert von 1 bedeutet: vollkommen opaque, also sichtbar.

Nun am Beispiel von hier: #000000 oder auch #000 ergibt rgb(0, 0, 0). Und #00000000 oder auch #0000 ergibt rgba(0, 0, 0, 0). Das ist die Farbe Schwarz. Aber eben mit 0 Prozent Sichtbarkeit, also vollkommen unsichtbar.

Zitat von Zitronella

Trotzdem würde mich interessieren, wo diese Änderung im Changelog auf Firefox 49 dokumentiert ist. Vielleicht kann dies ein Fachkundiger (Sören?) noch ergänzen.

Im Abschnitt "Developer" gibt es einen Link "Developer Information". Dort findet man immer die Release Notes für Webentwickler, im Falle von Firefox 49:

https://developer.mozilla.org/de/Firefox/Releases/49

Dort steht unter CSS:

Zitat

Added support for specifying colors with an alpha channel using 4- and 8-digit CSS hex color values (#RRGGBBAA and #RGBA) (bug 567283).

Ahh sehr schön. Danke für die Erklärung. Das nächste Mal klick ich gleich auf "Developer Information" ... war glaub nicht das erste Mal dass ich verzweifelt suchte :oops:

Das heißt also verkürzt, dass Firefox mit Version 49 jetzt wesentlich feiner mit Farben bzw. deren Sichtbarkeit umgehen kann als davor. Da wurde zb. die 4. Stelle in #0000 einfach ignoriert und genauso ignorieren es auch (noch) andere Browser wie Opera und IE.

Kann man sehr schön in meinem kleinen Code Beispiel betrachten wenn man von #0000 ändert in #0001, dann #0002 usw.

<p style="color: #0000; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0000; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0001; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0002; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0003; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0004; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0005; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0006; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0007; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0008; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>
  <p style="color: #0009; text-align: center;">
  <span style="font-size: 34px;"><strong>Dies ist ein etwas laengerer Test-Text</strong></p>

Für den Themenersteller bleibt die Lösung es in #000 zu ändern um schwarz zu erhalten, trotzdem gleich.

Zitat von Zitronella

Das heißt also verkürzt, dass Firefox mit Version 49 jetzt wesentlich feiner mit Farben bzw. deren Sichtbarkeit umgehen kann als davor. Da wurde zb. die 4. Stelle in #0000 einfach ignoriert und genauso ignorieren es auch (noch) andere Browser wie Opera und IE.

Was die Hexadezimal-Darstellung begrifft, ja, die rgba()-Schreibweise wird seit vielen Jahren von allen Browsern unterstützt. Damit erreicht man genau das Gleiche, Farben können in CSS auf viele Arten dargestellt werden. Die beiden Schreibweisen sind auch nicht die einzigen, es gibt auch noch hsl() und hsla(). Und man kann jede Schreibweise in jede andere umrechnen, wenn man lustig ist.

Neben Firefox unterstützt auch Chrome die #RGBA-Schreibweise seit Version 52.

Zitat von ebe52

Habs jetzt grad ausprobiert:
#0000 zu #0001 Resultat: Schwach sichtbar. Mit zunehmender Endzahl stärker sichtbar.
#0001 zu #0009 Die 9 gibt ein starkes Grau. Wenn ich jedoch schwarz haben will, gehts nur mit #000.

Mir fallen spontan neun Möglichkeiten ein.

#000, #000000, #000f, #000000ff, rgb(0, 0, 0), rgba(0, 0, 0, 1), hsl(0, 0%, 0%), hsla(0, 0%, 0%, 1) oder black

Die Darstellung mit der Raute zu Beginn kennzeichnet eine hexadezimale Schreibweise, das bedeutet eine Basis von 16 und keine Basis von 10, es ist also nicht bei 9 Schluss, sondern beim Buchstaben f (nach der 9 kommt das a).

Zitat von ebe52

Wieder was gelernt - zumindest in Bezug auf das Verhalten von Firefox. Ach waren die Zeiten doch schön, als Firefox ein einfacher und ein paar KB schwerer Browser war...

Das hat damit nichts zu tun, hier geht es um die Unterstützung von Webstandards. Ob Firefox nur ein paar KB schwer war (so klein war Firefox übrigens zu keinem Zeitpunkt) oder ein paar hundert Megabyte ist vollkommen egal. Webstandards sind das, was Browser darstellen können müssen.

Fürs nächste Mal:
Bilder hochladen mit der Forensoftware hatte ich kürzlich schon mal erklärt:
https://www.camp-firefox.de/forum/viewtopi…019621#p1019621
oder
Screenshots erstellen und hochladen [Blockierte Grafik: http://i39.tinypic.com/s1kgb4.png].

oder ganz einfach ohne irgend ein weiteres Programm und ohne irgend eine Bildhoster Seite extra auf zu rufen direkt in Firefox:

Umschalt+F2 drücken und dann

screenshot --fullpage --imgur

eintippen

siehe auch: http://mozhelp.dynvpn.de/guide/screensh…len-mit-firefox

//Das werde ich mal (mit Erwähnung) in meinen Textbaustein integrieren....
:klasse: