Hey,

ich arbeite momentan an einer kleinen Website und bin gerade dabei die Schriftgrößen festzulegen. Ich hab jetzt aber das Problem, dass im Firefox einfach alles viel größer dargestellt wird als z.B in Chrome oder im IE. Gibts da irgentwas in Css was ich machen kann um die Schriftgröße speziell für Firefox zu ändern? Würde das am liebsten ohne Javascript machen.

MfG Max

Hallo,

damit die Schriftarten in allen Browsern gleich angezeigt werden, sollte grundsätzlich eine Normalisierung bzw. ein CSS-Reset für die wichtigsten Elemente durchgeführt werden.

Wenn die Schriftgrößen anschließend trotzdem noch unterschiedlich angezeigt werden ist wahrscheinlich der Zoom-Faktor in dem betroffenen Browser geändert worden.

Um dir konkret helfen zu können benötigen wir aber ein Beispiel, am Besten online.

Gruss

MrMurphy

Hey, und erstmal danke fürs schnelle antworten!

Von einer CSS-Normalisierung bzw. einem Reset habe ich noch nie was gehört, könntest du vielleicht kurz erklären was das ist oder mir einen Link schicken?^^

Die Seite ist leider noch nicht online.

MfG Max

Hallo,

Du solltest nach den Begriffen googeln, dazu gibt es zahlreiche Artikel im WWW.

Kurz gesagt: Jeder Browser liefert ein eigenes CSS mit, das er benutzt, wenn er keine anderen CSS-Angaben bekommt. Für dieses browser-interne CSS gibt es aber keine Vorgaben oder Vorschriften, so dass die Abstände, Schriftgrößen u.s.w. voneinander abweichen.

Deshalb sollten für die wichtigsten Elemente wie p, h1 bis h6, li und ähnliche grundsätzlich CSS-Angaben vorgegeben werden. Das wird dann Normalisierung oder normalize genannt.

Von einem Reset spricht man in der Regel, wenn für alle möglichen Elemente (also auch die sehr selten benutzten) CSS-Angaben vorgegeben werden. Das erfordert in der Regel sehr viel CSS-Quelltext und deshalb wird heute die Normalisierung bevorzugt.

Für beide Möglichkeiten finden sich im Internet vorgefertigte CSS-Dateien, die dann einfach runtergeladen und mit der HTML-Datei verknüpft oder deren Inhalt an den Anfang der eigenen CSS-Datei kopiert werden können.

Den Inhalt kann und sollte man sich mit etwas Erfahrung natürlich anpassen.

Dafür gibt es Freeware-Provider die blaced.net. Damit solltest du dich beschäftigen, weil die Hilfsbereitschaft bei komplizierteren Problemen ohne Online-Beispiel erfahrungsgemäß nachläßt.

Gruss

MrMurphy

Alles klar danke! Ich werde das mit blaced aufjedenfall machen für zukünftige Fragen

Ich kann keinen erkennbaren Unterschied sehen, drück mal in allen Browsern STRG+0 wenn du auf der betreffenden Seite bist, damit wird die Schriftgröße auf den Defaultwert gesetzt.

Wenn ich das in Firefox mache will er das ich ne datei auswähle

Edit: Den Unterschied zwischen o und 0 sollte man schon kennen ... -.-
In Firefox hat sich aber nichts geändert.

Dann machst du irgendetwas falsch. Ich vermute dein CSS ist fehlerhaft, hast du das mal validiert? werden in der Webkonsole CSS Fehler/Warnungen angezeigt?

Wieso sollte ich den irgentwas falsch machen in den anderen Browsern geht es ja ^^ Wenn ich in Firefox auf 80% zoome sieht es auch original so aus wie in Chrome und IE.

Ist das bei dir bei allen Seiten so? Das wäre seltsam, bei mir sehen die Seiten im IE, Chrome oder Firefox nahezu gleich aus.

Nachtrag: Den Rest hast du nicht gelesen?