Webdesign mit CSS

Webdesign mit CSS

Posts 1-10 of 16
  • Knut Habicht
    Knut Habicht    Premium Member   Group moderator
    The company name is only visible to registered members.
    Schriftgrößen in den Browsern ...
    Guten Morgen zusammen,

    wer kann mir die Grundeinstellungen der wichtigsten Browser sagen?

    Es geht darum, dass es ja sinnvoll ist diesen Wert zuerst eimal eliminieren, um dann die geeigneten Größen über den em-Wert festzulegen. Geht man von einer Grundeinstellung von 16 px aus, erhält man mit body { font-size: 62.5%; } den leicht umzurechnenden Wert von 10 px mit dem man dann mit Hilfe der entsprechenden em-Werte weiter machen kann.

    Nun habe ich den Effekt, dass ich dies augenscheinlich beim Safari 4.0.5 erreiche, aber im Firefox 3.6.2 (Beide über OS X 10.5.8) die Schrift kleiner dargestellt wird – deshalb diese Frage.

    Meine Lösung wäre, einfach mit body { font-size: 10px; } diesen Grundwert anders festzulegen. Dann zumindest sieht es in den genannten Browsern praktisch gleich aus.

    Gruß vom Knut Habicht
    • 27 Mar 2010, 11:38 am
  • Ralph Müller
    Ralph Müller
    The company name is only visible to registered members.
    Re: Schriftgrößen in den Browsern ...
    Ja, Sie können mit body {font-size..} einen Wert in px angeben. Wie es letztlich angezeigt wird entscheidet gottlob eh der Nutzer. Z.B. durch Setzen einer Mindestschriftgröße.

    Bei 10px Schriftgröße würde ich als Leser entweder Strg+ drücken (beim FF) sofern der Inhalt interessant sein könnte, oder gleich weiterklicken zur nächsten Seite gleich nebenan...
    • 27 Mar 2010, 3:15 pm
  • Post visible to registered members
  • Knut Habicht
    Knut Habicht    Premium Member   Group moderator
    The company name is only visible to registered members.
    Re^2: Schriftgrößen in den Browsern ...
    Lieber Herr Müller,

    es ging mir nicht um diese 10px, die selbstverständlich zu klein sind, aber als Wert zum Festlegen von Größen in em einfach zu handhaben ist – vor allem, was das Kopfrechnen angeht ... ;–)

    Aber trotzdem danke ...

    Gruß vom Knut Habicht
    • 27 Mar 2010, 8:25 pm
  • Ralph Müller
    Ralph Müller
    The company name is only visible to registered members.
    Re^3: Schriftgrößen in den Browsern ...
    Achso, ok.

    Seit selbst der IE fähig ist in Pixeln definierte Schriften zu vergrößern oder zu verkleinern brauchen wir nicht mehr vor Verwendung von px zurückzuschrecken wie früher als. Wenn das Ziel .. px arg wichtig ist, dann haben wir nun auch die zusätzliche Möglichkeit mit gutem Gewissen das so auch zu sagen. Ich verwende trotzdem meist em.
    • 27 Mar 2010, 8:50 pm
  • Post visible to registered members
  • Klaus Scharwächter
    Klaus Scharwächter    Group moderator
    The company name is only visible to registered members.
    Re^4: Schriftgrößen in den Browsern ...
    Moin,

    Ralph Müller schrieb:
    Seit selbst der IE fähig ist in Pixeln definierte Schriften zu vergrößern oder zu verkleinern brauchen wir nicht mehr vor Verwendung von px zurückzuschrecken wie früher als.
    sorry wenn ich widerspreche aber das ist leider nicht ganz 100%ig richtig.
    Der IE kann selbst in der Version 8 keinen Textzoom.
    Den Seitenzoom beherrscht er, aber speziell beim IE gab es ja schon immer die Möglichkeit über "Seite - Textgröße" nur den Text zu vergrößern.

    Ist die erste Schriftgröße in Pixel definiert funktioniert der reine Textzoom im IE einfach nicht mehr. ;)

    Ralph Müller schrieb:
    Ich verwende trotzdem meist em.
    Das ist imho normal völlig richtig.
    Allerdings sollte die erste Schriftgröße, die ja normal in body definiert wird, die Maßeinheit Prozent bekommen.
    Damit vermeidet man im IE5-7 den EM-Font-resizing-Bug: http://www.gunlaug.no/contents/wd_additions_13.html

    Weiter unten im CSS kann man problemlos alle Schriftarten in em definieren (oder Prozent ganz nach persönlichem Geschmack).

    Meiner Meinung nach ist es relativ sinnlos exakt gleichgroße Schriften in allen wichtigen Browsern erreichen zu wollen, genauso wie es sinnlos ist exakt pixelgenau, gleiche Layouts zu wollen.

    Bei der Vielzahl von Bildschirmgrößen, Auflösungen, Betriebssystemen, Browsern und persönlichen Einstellungen ist das einfach unmöglich.
    Das Wichtigste ist imho das eine Website überall funktioniert und so flexibel ist, dass die Darstellung in allen wichtigen Browsern annähernd gleich ist.
    Außerdem sollte das Layout einer mehrmaligen Textvergrößerung problemlos standhalten.

    Mit einem Browserreset ganz gleich ob es der von Eric Meyer oder der Universalreset ist, kann man für das Arbeiten an einer Website relativ gleiche Anfangsbedingungen schaffen, die einem die Arbeit erleichtern.

    Zum Schluß noch: der Trick mit den 62.5% ist eigentlich nicht mehr notwendig da man hier: http://riddle.pl/emcalc/ das ganz fix umrechnen kann.

    Gruß
    Klaus
    This post was modified on 28 Mar 2010 at 11:26 am.
    • 28 Mar 2010, 11:25 am
  • David Böhler
    David Böhler    Premium Member   Group moderator
    The company name is only visible to registered members.
    Re^5: Schriftgrößen in den Browsern ...
    Ist aber nicht schön dass es CSS Frameworks gibt, welche einem ein Reset-CSS und Browserbugs grössteteils abnehmen? :)
    • 30 Mar 2010, 11:18 am
  • Klaus Scharwächter
    Klaus Scharwächter    Group moderator
    The company name is only visible to registered members.
    Re^6: Schriftgrößen in den Browsern ...
    David Böhler schrieb:
    Ist aber nicht schön dass es CSS Frameworks gibt, welche einem ein Reset-CSS und Browserbugs grössteteils abnehmen? :)
    von CSS-Frameworks halte ich leider überhaupt nix.
    Eine Unzahl von CSS-Dateien (YAML) mit einer Menge an überflüssigen Anweisungen.
    Besonders eine ie.css mit vordefinierten Anweisungen sehe ich sehr kritisch, da diese vordef. Anweisungen wiederrum in bestimmten Konstellationen Fehler im IE auslösen können, die damit eigentlich vermieden werden sollten.

    I.d.R. wird auch eine div-Suppe mit überflüssigen Containern angerührt.

    Ich habe z.B. einen Ordner Vorlagen mit einer style.css, druck.css und ie.css mit immer wiederkehrenden Formatierungen. Aus diesem Ordner bediene ich mich wenn ich von da etwas brauche, aber auch nur mit den benötigten Anweisungen!

    CSS-Frameworks werden im Kollegenkreis kontrovers diskutiert. Die Meinungen gehen da sehr weit auseinander
    • 30 Mar 2010, 11:57 am
  • Björn Dorra
    Björn Dorra
    The company name is only visible to registered members.
    Re^7: Schriftgrößen in den Browsern ...
    Klaus Scharwächter schrieb:
    David Böhler schrieb:
    Ist aber nicht schön dass es CSS Frameworks gibt, welche einem ein Reset-CSS und Browserbugs grössteteils abnehmen? :)
     
    von CSS-Frameworks halte ich leider überhaupt nix.
    Eine Unzahl von CSS-Dateien (YAML) mit einer Menge an überflüssigen Anweisungen.
    Das stimmt - Teilweise. YAML ist da wirklich schon sehr "massiv". Es gibt ja auch
    schlankere Alternativen, wie zum Beispiel http://960.gs (Feste Breite).

    Sicherlich sollte man bei jedem Projekt überlegen, ob man überhaupt ein großes
    Framework braucht. Oft geht es ja auch ohne.

    Aus eigener Erfahrung kann ich sagen, dass Browser-Reset und Normalisierung
    schon ein sehr große Hilfe ist.
    • 07 Apr 2010, 08:33 am