Hilfen zum Thema Einheiten. wann px und wann em ?
Logik
- css
Hallo,
ich will eine neue Seite erstellen.
Sie soll folgende Ansprüche erfüllen:
Bei welchen angaben sollte ich px und bei welchen Angaben immer em benutzen.
Sonst ein paar Tipps?
Lg
Die Logik
@@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
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
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