Du bist hier:-, WordPress-WP Firefox Header-Probleme

WP Firefox Header-Probleme

wp-firefox-fehler
Folgendes Phänomen ist aufgetaucht: Das Headerbild wird ausser bei Firefox bei allen Browsern richtig angezeigt. Sogar bei der mobilen Version von Firefox besteht dieses Problem nicht.

wp-firefox2

 

Die benötigte Breite ermitteln

Eine Möglichkeit dieses Problem zu lösen ist es, die Grafik in die exakte Größe zu formatieren. Dazu müssen wir zuerst die genaue Pixelgröße kennen. Firefox ermöglicht eine besondere Ansicht einer Webseite. Unter Entwickler-Werkzeuge wählen wir uns die Web-Konsole aus.

Wenn wir den Inspektor auswählen können wir mit der Maus auf die gewünschten Elemente klicken, und wir bekommen über sie mehr Informationen (z.B. Pixelgröße, CSS-Infos, Knoten, Stelle im Quellcode…). Der HTML-Bereich zeigt das HTML der Webseite als Baum mit zusammenklappbaren Knoten. Spätestens jetzt, sobald wir den bestimmten „DIV#CONTAINER…“ bzw. Bereich anklicken, bekommen wir die gewünschte Pixelgröße unseres Header-Containers angezeigt (Siehe Bild)

wp-firefox-console

Sobald wir die benötigt Pixelgröße kennen, müssen wir nur noch unsere Headergrafik (Foto) formatieren. Sobald unsere Grafikbreite exakt der Breite des Headerbereiches entspricht, wird Firefox gezwungenermaßen den Headerbereich sauber anzeigen.

wp-firefox-fehler-behoben

By | 2017-06-02T16:36:59+00:00 Februar 10th, 2016|Categories: Grafik, WordPress|Tags: , , , , |Kommentare deaktiviert für WP Firefox Header-Probleme

About the Author: