Kommentare zu: Flexible Layouts, Schriftgrößen und Ihre Problemchen

Von: free mp3 ringtones

free mp3 ringtones — Sun, 15 Apr 2007 12:04:14 +0000

[…] http://www.manuelbieh.de/www/blog/blogbasher-bashing http://www.manuelbieh.de/www/blog/flexible-layouts-schriftgrosen-und-ihre-problemchen http://www.manuelbieh.de/www/blog/free-laptops-der-selbsttest […]

Von: Markus Stange

Markus Stange — Fri, 27 Jan 2006 17:37:36 +0000

Die #content p-Methode sieht mir schon mal viel besser aus als die mit der font-Klassenvergabe. Am flexibelsten wäre wahrscheinlich, überall noch ein extra-Div hineinzuschachteln, und diesem dann die Schriftgrößenveränderung zu verpassen. Dann wird der Code natürlich etwas Div-lastiger, aber das ist meiner Meinung nach immer noch besser als ganz oft den selben (präsentativen!) Klassennamen zu verteilen. Vor allem muss man dann (pro Box) nur einen Container einrichten, und braucht nicht dafür zu sorgen, dass jedem Element mit anderer Schriftgröße diese Klasse zugewiesen werden muss. @ Jeena:

und somit dein Design zerschießen?

Das Ziel vom em-basierten Layouten ist doch gerade, dass das Layout von einer anderen Schriftgröße nicht zerschossen werden kann. Der Anteil an Nutzern, der diese Elastizität nutzt, ist wahrscheinlich schon relativ gering, aber das wäre es mir wert.

Von: Manuel

Manuel — Fri, 27 Jan 2006 16:13:33 +0000

16px standard browserschriftgröße * 0,625 = 10px.

schau mal im webkrautsadventskalender, tag 10, »basis stylesheet« von jens ;)

Von: Sascha Carlin

Sascha Carlin — Fri, 27 Jan 2006 16:11:14 +0000

Habe ich also im body eine Schriftgröße von 62.5% verwendet, kann ich fortan komfortabel damit arbeiten das 1em = 10px sind.

Blöde Frage: wie kommst Du darauf? BTW, im Zuge dessen gerade gefunden: Approximate Conversion from Points to Pixels (and Ems and %) Umrechnung Pt / em nach Px

Von: Jeena Paradies

Jeena Paradies — Thu, 26 Jan 2006 22:02:14 +0000

Aha, und für die 2% machst du dir so einen Aufwand, wobei die auch noch so undankbar sind und die pixelangabe von 1em = 16px verändern und somit dein Design zerschießen? Komm schon das ist doch nicht sinnvoll. Mach gute Polsterbreiche so dass schriftgrößenveränderung egal ist und setze nicht ein pixelgenaues Layout in em um, das wird genau so schief gehen wie ein Frame- oder Tabellenlayout in gutem CSS umzusetzen.

Von: Manuel

Manuel — Thu, 26 Jan 2006 21:51:59 +0000

naja, ich nutze halt em angaben für die breite der einzelnen container, damit die hinterher vollständig skalierbar bleiben. wenn ich da wieder auf pixel setze hab ichs zwar ganz genau so wie ich das haben will, allerdings kann ichs dann auch wieder nicht mehr vernünftig skalieren.

daher war mein vorhaben, dass ich vollständig auf pixel verzichte.

was die browsereinstellungen bezüglich em betrifft, so denke ich schon das 98% der user nichtmal wissen das man die standardschriftgröße ändern kann.

Von: Jeena Paradies

Jeena Paradies — Thu, 26 Jan 2006 21:44:03 +0000

Also ich muss ehrlich gestehen ich kappiere überhaupt gar nicht warum du dir da so einen rießen Kopf darüber machst?! Ich gebe dem body { font-size: 100.1%; } um den IE Bug auszubügeln und dann habe ich sowieso immer irgendwelche grupierenden divs wie #content { font-size: 0.9em; } und da gebe ich einfach die Schriftgröße ein, die gut aussieht und zum Design passt, ich probiere einfach erst mal 0.9em, dann 0.8em dann 1em und irgendwann gefällt es mir und so lasse ich es dann, warum da irgendetwas rechnen? Das wird sowieso nie stimmen, da man eine mindestgröße angeben kann, man kann für 1em auch was anderes als 16px angeben usw. usf. es ist total unerheblich wie du deinen Browser eingestellt hast. Wenn du deine Schriftgröße wirklich kontrollieren willst dann nutze doch einfach px als Maßeinheit und dann hast du sie für 90% User im Griff, wenn du em nutzt dann mach es auch richtig und finde dich damit ab dass sie überall eine andere größe hat.