Logik: Hilfen zum Thema Einheiten. wann px und wann em ?

Hallo,

ich will eine neue Seite erstellen.
Sie soll folgende Ansprüche erfüllen:

  • valides xhtml strict
  • valides css
  • benutzerfreundlich
  • semantisch und syntaktisch korrekt
  • in jedem Browser möglichst gut dargestellt werden (Mind. IE6, IE7, Moz, Opera)

Bei welchen angaben sollte ich px und bei welchen Angaben immer em benutzen.

Sonst ein paar Tipps?

Lg

Die Logik

  1. @@Logik:

    Bei welchen angaben sollte ich px und bei welchen Angaben immer em benutzen.

    Mal im Archiv gekramt:
    http://forum.de.selfhtml.org/archiv/2008/1/t164936/#m1075415, http://forum.de.selfhtml.org/archiv/2007/8/t158196/#m1028754

    Auch % kann durchaus eine sinnvolle Einheit sein. http://forum.de.selfhtml.org/archiv/2005/9/t115722/#m739589

    Live long and prosper,
    Gunnar

    --
    „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
  2. Hallo

    ich will eine neue Seite erstellen.
    Sie soll folgende Ansprüche erfüllen:

    • valides xhtml strict
    • valides css
    • benutzerfreundlich
    • semantisch und syntaktisch korrekt
    • in jedem Browser möglichst gut dargestellt werden (Mind. IE6, IE7, Moz, Opera)

    Bei welchen angaben sollte ich px und bei welchen Angaben immer em benutzen.

    Für die Bildschirmausgabe (um die geht es doch?) eignet sich "em" für Schriftgröße und die Breite von Elementen, die immer eine bestimmte Proportion zum Inhalt behalten sollen. Das eingängigste Beispiel dazu ist mMn ein Navigationsblock, der beim Ändern der Schriftgröße ebenfalls seine Breite anpasst.

    Für die Angabe der Gesamtbreite der Seite eignet sich "em" ebenfalls. Es sollte dann eventuell auch eine Minimalbreite in "px" hinzugefügt werden. Die versteht der IE in älteren Versionen allerdings nicht.

    Was die Benutzerfreundlichkeit angeht, eine klare Struktur in Optik, Seitenverteilung und -gruppierung, eingängige Bezeichnungen vor allem in der Navigation sind wichtig. Der Besucher muss die Funktion von Elementen erkennen können und Inhalte da finden, wo sie, der Logik nach, sein sollten. Dies auch nicht erst nach x Klicks, sondern auf möglichst kurzen Navigationswegen.

    Tschö, Auge

    --
    Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
    (Victor Hugo)
    Veranstaltungsdatenbank Vdb 0.2
  3. Hi,

    ergänzend:
    1. px grundsätzlich bei pixelbasierten Inhalten, also Bildern (die nicht mit der Schrift skalieren sollen) und em grundsätzlich bei Texten.
    2. px als Mindestbreite, wenn entsprechend breite Bilder dies erfordern.
    3. em als Breite für schmale Boxen mit Textinhalten.
    4. em als Maximalbreite für die Seite, um zu lange Zeilen zu vermeiden.
    5. % zur groben Aufteilung der Seite, sofern nicht Punkt 3 hinzukommt.

    freundliche Grüße
    Ingo