Druckbare Version
Hallo zusammen,
gibt es eine Möglichkeit, die gleiche Gesamtbreite bei der Navigation in Firefox und IE zu erhalten? Auf unserer Website chrismas-moments.de ist im FF hinter dem letzten Punkt KONTAKT mehr freier Platz als im IE.
Im IE wirkt die Schrift größer.
Vielen Dank!
guidoi
Die Laufweiten von Schriften werden nicht nur im IE sondern auch in Opera und Chrome wieder anders aussehen. Da dir Contao im Quelltext den Browser ausgibt ist die effektivste Methode per CSS auf die einzelnen Browser einzugehen und evtl. Margins oder Schriftgröße ein wenig zu verändern damit alles passt.
Problematisch ist auch das ihr Sonderschriften verwendet, was zu noch mehr Abweichungen führen kann. Da kommt man an Browserfixes kaum vorbei.
Beispiel IE
HTML-Code:<body id="top" class="win ie ie9">
Beispiel FFCode:body.ie .mod_navigation li{font-size:19px;}
HTML-Code:<body id="top" class="win firefox fx22">
Beispiel ChromeCode:body.firefox .mod_navigation li{font-size:20px;}
HTML-Code:<body id="top" class="win chrome ch27">
Code:body.chrome .mod_navigation li{font-size:21px;}
Betriebssystem-abhängig kann es dann je nach Browser auch sein. Solche Sachen überall gleich aussehen zu lassen ist eher ein Ding der Unmöglichkeit.
Jepp, daher sind die CSS Klassen von Contao im Body fast unschlagbar. Hier kann genauso auch noch zusätzlich auf die Kombination Betriebssystem + Browser eingehen.
Super, vielen Dank für die ausführlichen Antworten!
Hier der Vollständigkeit halber noch ein Beispiel für die Kombination Windows + alle IE
Beispiel IE
HTML-Code:<body id="top" class="win ie ie9">
Code:body.win.ie .mod_navigation li{font-size:19px;}