Guter Artikel zu "font-size:1em;" gesucht

[Eddie]

Hallo allerseits,

könnt ihr mir vielleicht eine gute, lesenswerte Quelle zu "em" geben. Was ich bei Selfhtml und Dr.Web bisher gefunden habe, hat es mir nicht recht klar gemacht.
Ich stehe vor dem Problem, meine 1000 Zeilen CSS darauf umzustellen, aber irgendwie funzt das nicht so, wie ich es mir vorstelle...

Danke für eure Hilfe,
Eddie

[Shaddai]

Hi,

könnt ihr mir vielleicht eine gute, lesenswerte Quelle zu "em" geben.

http://www.w3.org/WAI/GL/css2em.htm ist ganz lesenswert.

1000 Zeilen CSS

(view-source:http://www.umdiewelt.de/_inc/reisebericht-informationen.css)

Ohgottogottogott ... Das dürfte Rekord sein.

Gruß,
Shaddai

[chris]

Ohgottogottogott ... Das dürfte Rekord sein.

Nene, isses noch nicht :-) Hab beim letzten Sheeting genau
2859 Zeilen geschrieben! Wenn man alles über DIV`s positioniert
hat man diese in Nullkommanix zusammen...

Doofe Frage: Wiese willst eigentlich nach em umstellen? Px funktioniert doch einwandfrei...

Viele Grüße

Chris

[Shaddai]

Hi,

Nene, isses noch nicht :-) Hab beim letzten Sheeting genau
2859 Zeilen geschrieben! Wenn man alles über DIV`s positioniert
hat man diese in Nullkommanix zusammen...

Derart viele DIVs, daß sie knapp 3000 Zeilen CSS erfordern, passen doch kaum auf eine Kinoleinwand. Faßt Du jedes Wort in <div>-Tags ein und positionierst es einzeln?

Doofe Frage: Wiese willst eigentlich nach em umstellen? Px funktioniert doch einwandfrei...

Ich habe bei mir als Mindestschriftgröße 18px eingestellt. Weißt Du, wie pixelzementierte Layouts bei mir aussehen?

Gruß,
Shaddai

[Chris]

Derart viele DIVs, daß sie knapp 3000 Zeilen CSS erfordern, passen doch kaum auf eine Kinoleinwand. Faßt Du jedes Wort in <div>-Tags ein und positionierst es einzeln?

Natürlich nicht... Siehe http://www.fresh-m.com/css.css
Natürlich nicht für die fresh-m.com Site...

Doofe Frage: Wiese willst eigentlich nach em umstellen? Px funktioniert doch einwandfrei...

Ich hab das so gemeint, dass ich das ich nicht schlau daraus
werde, weshalb Du das machen willst! Zeig doch bitte mal...
Vielleicht fällt dann der Groschen!

Viele Grüße

Chris

Gruß,
Shaddai

[Julian von Mendel]

Hi Chris,

Ich hab das so gemeint, dass ich das ich nicht schlau daraus
werde, weshalb Du das machen willst! Zeig doch bitte mal...
Vielleicht fällt dann der Groschen!

mit px sind alle Positionen festgelegt, und bei anders eingestellten Schriftarten, zu kleinen oder überdurchschnittlich großen Bildschirmen/Fenstergrößen sieht alles seltsam aus. Wenn hingegen alles nur mit em positioniert wird, passt sich eine Seite perfekt an die Fenstergröße an.

Schöne Grüße,
Julian

[Detlef G.]

Hallo Julian

... Wenn hingegen alles nur mit em positioniert wird, passt sich eine Seite perfekt an die Fenstergröße an.

Nein!

Mit em können die Größen der Elemente bzw. ihre Positionierung an die im Browser eingestellte Schriftgröße angepasst werden. Die Größe des Browserfensters hat darauf keinen Einfluss.
Relative Angaben zur Fenstergröße (oder genauer zu Größe des Mutterelementes) werden in % angegeben.

Die richtige Kombination der verschiedenen Einheiten macht es.
Ein paar Beispiele:

• Grafik in px (verkleinern wäre schade und vergrößern sieht bescheuert aus)
• Schrift in em (kann auch im IE skaliert werden)
• Zeilenhöhe in em (ist von Schriftgröße abhängig)
• Rahmen um einzelne Worte in em (sollte sich an die Schriftgröße anpassen)
• Seitenaufteilung und Rahmen um längeren Text, der umbrechen kann, in %
    (sollte vom Browserfenster abhängig sein)

MFG
Detlef

[Ingo Turski]

Hi,

• Seitenaufteilung [..] in %
    (sollte vom Browserfenster abhängig sein)

meist, aber nicht immer. Gerade wenn es darum geht, einen relativ schmalen Bereich zu dimensionieren, z.B. eine Navigationsspalte, macht % (und damit die Anpassung an die Fensterbreite) am wenigsten Sinn. Werden in diesem Beispiel Grafiken zur Navigation eingesetzt, sollte px und bei Text em gewählt werden.

freundliche Grüße
Ingo

[Detlef G.]

Hallo Ingo

meist, aber nicht immer.

Das habe ich auch nicht gemeint.
Es ging mir darum, als Antwort zu [pref:t=76166&m=438826] klarzustellen, wann welche Einheit sinnvoll ist bzw. sein kann bzw. wofür nicht.
Ich habe es nicht optimal formuliert.

MFG
Detlef

[Ingo Turski]

Hi,

schon klar - sollte ja auch nur eine kleine Ergänzung sein...

freundliche Grüße
Ingo

[Eddie]

Hallo allerseits,

das war ja jetzt doch schon recht hilfreich. Aber trotzdem haette ich noch die Bitte, ob ihr mal kurz einen Blick auf folgende Seite werfen könntet: http://www.umdiewelt.de/travelogue.php?m=p&t=46&c=9.

Ich wuerde gerne den Hauptbereich (also ALLES unterhalb von "Südostasien, nur wohin?") so machen, dass der Besucher die Schriftgroesse nach Moeglichkeit in 15px (beim Normaltext) dargestellt bekommt, aber die Groesse auch ändern kann.

Der Navigationsbereich (also alles, was links und ganz oben erscheint) soll einbetoniert werden (ja, ich weiß, kritisch), insb. wegen der Navigations-Hintergrundgrafik. (Btw.: Im Augenblick ist es uebrigens einbetoniert).

Ich möchte dem Besucher also insoweit entgegenkommen, dass zumindest alle Fließtexte änderbar sind, also z.B. auch Gästebucheinträge u.ä.

Könnt ihr mir da ein Vorgehen anraten?

Danke für eure Hilfe,
Eddie

[Detlef G.]

Hallo Eddie

Der Navigationsbereich (also alles, was links und ganz oben erscheint) soll einbetoniert werden (ja, ich weiß, kritisch), insb. wegen der Navigations-Hintergrundgrafik. (Btw.: Im Augenblick ist es uebrigens einbetoniert).

Meinst du wirklich?

Schau es dir einmal in einem Browser (nicht IE) an und verändere dann die Schriftgröße.
http://d-graff.de/demos/selfhtml/Eddi2.png
Beachte die Navigation und den horizontalen Scrollbalken der bei 800x600 Browserfenstergröße bereits erscheint, obwohl eigentlich unnötig.

Ein Layout zu gestalten, bei dem die Schriftgröße einbetoniert ist hat keinen Sinn, weil dies nur im IE möglich ist und dort auch nicht sicher.
http://d-graff.de/demos/selfhtml/Eddi1.png

MFG
Detlef

[Ingo Turski]

Hi,

Der Navigationsbereich (also alles, was links und ganz oben erscheint) soll einbetoniert werden (ja, ich weiß, kritisch), insb. wegen der Navigations-Hintergrundgrafik. (Btw.: Im Augenblick ist es uebrigens einbetoniert).

Da Du hier eine Hintergrundgrafik verwendest, bietet sich für die Breite der Navigation px an. Die Schriftgröße hingegen würde ich ruhig in em definieren - sofern der Textfluß stimmt, gibt es damit auch keine Probleme.

freundliche Grüße
Ingo

[Piet]

http://www.alistapart.com/topics/typography/

bzw. weiter dort:

http://www.alistapart.com/articles/emen/ (The Trouble With EM ’n EN (and Other Shady Characters))

[Thomas Luethi]

Hallo,

könnt ihr mir vielleicht eine gute, lesenswerte Quelle zu "em" geben.

http://www.fabrice-pascal.de/artikel/sizediscussion/
und die am Ende dieses Artikels verlinkten Texte

Zu gewissen Browser-Bugs, die man mit
body { font-size:101%; }
und aehnlichem beheben kann, siehe auch:
http://www.einfach-fuer-alle.de/artikel/ietext/
http://www.thenoodleincident.com/tutorials/box_lesson/font/

Gruesse,

Thomas