Hallo,
seit paar Tagen habe ich mein altes Hobby wiedergefunden und bin dabei fleißig CSS und Webdesign Blogs und Ähnliches zu lesen.
Mein Problem ist, dass ich nach Stunden lesen etwas schlauer bin aber nicht schlau genug.
- Ich würde mich für den Flußtext ohne Größenangabe entscheiden, aber ich finde bei den meisten Menschen wären 16px viel zu groß (wenn auch nicht bei mir bei einer ~1600 Auflösung.)
Einige (viele) dieser Menschen wissen ihren Browser nicht genug zu bedienen oder haben gar keine Lust dazu. Wenn also die Schrift zu groß ist, ist das ja auch keine Lösung.
Außerdem kann die beste Lösung ja nur sein, der Masse etwas angenehmes zu bringen und diese sind mit 16px nicht bedient meiner Meinung nach.
- Eine Lösung mit 14px scheint mir ganz okay wie es bei http://praegnanz.de ist, ideal gibts bei diesem Thema wohl nicht.
/* for Explorer/Win 5+6 */
html {
font-size: 87.5%;
}
/* for cool browsers */
html>body {
font-size: 14px;
line-height: 1.643em;
}
body {
font-family: »Lucida Grande«, »Lucida Sans Unicode«, tahoma, verdana, arial, sans-serif;
color: #333;
padding-bottom: 50px;
background: white;
}
Diesen Code verstehe ich aber um ehrlich zu sein gar nicht. Warum "font-size: 87.5%;" für IE? Und warum "font-size: 14px; line-height: 1.643em;" für alle andern? Bzw. beides greifen doch überall.
http://praegnanz.de/weblog/neues-von-der-px-vs-em-front Ich verstehe zwar, was er erreichen möchte aber ich verstehe nicht den Weg.
- Dann habe ich noch eine Lösung bei http://www.smashingmagazine.com/ gefunden.
* {font-size:100.01%}
html {font-size:62.5%;}
body {
margin:0;
min-width:820px;
/*
min-width:926px;
max-width:1204px;
*/
font:1.2em/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
color:#1e1e1e;
background:url(../img/bg-body.gif) repeat-x 0 0;
}
Hier verstehe ich den Bruchstrich bei "font:1.2em/1.6em" nicht. Da fehlt mir wohl was , was CSS angeht, denn solch eine Angabe sehe ich zum ersten Mal. Denn Rest kenne ich. {font-size:100.01%} weil IE mit 1em und sowas Probleme hatte, html {font-size:62.5%;} damit 1 em ca. 10 px entspricht.
Vielleicht bin auch zu müde um da ganz durchzublicken, wer mir hilft, die obrigen Sachen zu verstehen, dem bin ich sehr dankbar. Ich schau in dem Dschungel nicht mehr durch. Wie sollte ich es nun machen?
Danke
Ciao