Auf Thema antworten 2026

Beitrag

<blockquote data-quote="jackprince" data-source="post: 1764564" data-attributes="member: 108135">AW: Schriftgröße und Art was ist StandardKurz gesagt weder falsch noch ganz richtig.Wie gesagt, die 10px sind für den Body als Grundwert gedacht.Und der Browser skaliert mit &nbsp;&quot;[strg] + [+]&quot;&nbsp;bzw.&quot;[strg] + [-]&quot; so oder so.Und mit &quot;[strg] + [0]&quot; wird wieder der Wert laut CSS genommen.Schalte ich vor meine eigentliche CSS noch eine reset.css (gibts verschiedene Lösungen im Netz) so krieg ich alle Browser auf ein Grundlevel.Und mit den 10px hab ich wie gesagt einen Wert mit dem ich überlegen/arbeiten kann. Angenommen ich habe grob folgendes Markup[HTML]&lt;body&gt;&lt;div id=&quot;head&quot;&gt;&lt;/div&gt;&lt;div id=&quot;middle&quot;&gt;&nbsp;&lt;div id=&quot;left&quot;&gt;&nbsp; &nbsp; &lt;!-- Menü und Co. --&gt;&nbsp; &lt;/div&gt;&nbsp;&lt;div id=&quot;content&quot;&gt;&nbsp; &lt;div id=&quot;inner_content&quot;&gt;&nbsp; &lt;h1&gt;Überschrift&lt;/h1&gt;&nbsp; &lt;h2&gt;Unterüberschrift&lt;/h2&gt;&nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.&lt;/p&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.&lt;/p&gt;&nbsp; &lt;/div&gt;&nbsp;&lt;/div&gt;&lt;br class=&quot;breaker&quot; /&gt;&lt;/div&gt;&lt;div id=&quot;footer&quot;&gt;...&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]und dazu folgendes CSS [HTML]&lt;style&gt;html, body {&nbsp;font-size: 10px;&nbsp;margin: 0;&nbsp;padding: 0;}#head {&nbsp;height: 8em;&nbsp;margin: 1.5em 2em 1em 2em;&nbsp;padding: 0.8em;}#left {&nbsp; float: left;&nbsp; width: 13em;&nbsp; padding: 1em;}#content {&nbsp;float:left;&nbsp;padding: 1.6em;&nbsp;width: 50em;}#inner_content h1 {&nbsp; &nbsp; font-size: 2em;&nbsp; &nbsp; }#inner_content h2 {&nbsp; &nbsp; font-size: 1.8em;&nbsp; &nbsp; }#inner_content p{&nbsp; padding: 0.5em;&nbsp; font-size: 1.6em;&nbsp; &nbsp; }.breaker {&nbsp; &nbsp; display: block;&nbsp; &nbsp; clear: both;&nbsp; &nbsp; }[/HTML]Wie man sieht, ist es so das Höhen und Breiten nicht fest sondern relativ zur Schriftgröße sind. Was mir erlaubt mein Layout an die Schriftgröße anzupassen und nicht einfach nur prozentual zum Viewport des Browers. Ich kann als viel spezifischer Formatieren, dazu biete ich standardmäßig immer noch einen &quot;switcher&quot; an der per Mausklick die Schriftgröße skaliert ... das ist dann für die Leute die zwar einen PC an bekommen aber ihren Browser nicht bedienen können).Würde man nicht an einer Stelle einen Festwert für die Schrift anlegen, so könnte man gelinde gesagt nie mit relativen Größenangaben für Layout arbeiten. Denn man hat nicht die geringste Ahnung was der Nutzer für eine Schriftgröße eingestellt hat.Das schränkt mich und damit auch den Nutzer am Ende mehr ein als wenn er, sollte es ihm doch zu klein geschrieben sein, skalieren muss per [strg] + [+/-/mausrad drehen].</blockquote>

[QUOTE="jackprince, post: 1764564, member: 108135"] [b]AW: Schriftgröße und Art was ist Standard[/b] Kurz gesagt weder falsch noch ganz richtig. Wie gesagt, die 10px sind für den Body als Grundwert gedacht. Und der Browser skaliert mit "[B][strg] + [+][/B]" bzw. "[B][strg] + [-][/B]" so oder so. Und mit "[B][strg] + [0][/B]" wird wieder der Wert laut CSS genommen. Schalte ich vor meine eigentliche CSS noch eine reset.css (gibts verschiedene Lösungen im Netz) so krieg ich alle Browser auf ein Grundlevel. Und mit den 10px hab ich wie gesagt einen Wert mit dem ich überlegen/arbeiten kann. Angenommen ich habe grob folgendes Markup [HTML] <body> <div id="head"></div> <div id="middle"> <div id="left">  </div> <div id="content"> <div id="inner_content"> <h1>Überschrift</h1> <h2>Unterüberschrift</h2> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div> </div> </div> <div id="footer">...</div> </body> </html> [/HTML]und dazu folgendes CSS [HTML] <style> html, body { font-size: 10px; margin: 0; padding: 0; } #head { height: 8em; margin: 1.5em 2em 1em 2em; padding: 0.8em; } #left { float: left; width: 13em; padding: 1em; } #content { float:left; padding: 1.6em; width: 50em; } #inner_content h1 { font-size: 2em; } #inner_content h2 { font-size: 1.8em; } #inner_content p{ padding: 0.5em; font-size: 1.6em; } .breaker { display: block; clear: both; } [/HTML] Wie man sieht, ist es so das Höhen und Breiten nicht fest sondern relativ zur Schriftgröße sind. Was mir erlaubt mein Layout an die Schriftgröße anzupassen und nicht einfach nur prozentual zum Viewport des Browers. Ich kann als viel spezifischer Formatieren, dazu biete ich standardmäßig immer noch einen "switcher" an der per Mausklick die Schriftgröße skaliert ... das ist dann für die Leute die zwar einen PC an bekommen aber ihren Browser nicht bedienen können). Würde man nicht an einer Stelle einen Festwert für die Schrift anlegen, so könnte man gelinde gesagt nie mit relativen Größenangaben für Layout arbeiten. Denn man hat nicht die geringste Ahnung was der Nutzer für eine Schriftgröße eingestellt hat. Das schränkt mich und damit auch den Nutzer am Ende mehr ein als wenn er, sollte es ihm doch zu klein geschrieben sein, skalieren muss per[B] [strg][/B] + [B][+/-/mausrad drehen][/B]. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?