Schriftgrößen stimmen nicht überein

[Simon]

Hi Leute,
ich habe folgendes Problem: Ich habe die CSS-Formatierungen in einer formate.css gespeichert und benutze diese Datei, um meine Seiten zu formatieren. Allerdings wird die Schrift nicht in allen HTML-Dateien gleich groß angezeigt. Kann mir jemand sagen, woran das liegen könnte?
Schon mal vielen Dank,
Simon

[Thomas Luethi]

Hallo Simon,

ich habe folgendes Problem: Ich habe die CSS-Formatierungen in einer formate.css gespeichert und benutze diese Datei, um meine Seiten zu formatieren. Allerdings wird die Schrift nicht in allen HTML-Dateien gleich groß angezeigt.

Bitte poste die URL der CSS-Datei und von mindestens
zwei Seiten. (Bitte als Link;-)
Und sag, welche(r) Browser betroffen sind (ist).

Sonst koennen wir nur glaskugeln:

• zusaetzliches CSS in den HTML-Dateien
• FONT-Tags
• schlechte Vererbung, z.B. von body an td

Wie gibst Du denn die Schriftgroessen an?

Gruesse,

Thomas

[Simon]

Das Problem scheint nur mit dem IE zu bestehen. Hier sind die Urls:
<a href="http://www.meinebergtouren.de/impressum.html">Impressum</a>
<a href="http://www.meinebergtouren.de/home.html">Startseite</a>
<a href="http://www.meinebergtouren.de/formate.css">CSS-Formate</a>
Anmerkung: Eigentlich besteht die Gesamtseite aus Frames, die ich noch nicht hochgeladen habe, daher fehlen Möglichkeiten zum Navigieren.
Simon

[Thomas Luethi]

Hallo,

Das Problem scheint nur mit dem IE zu bestehen. Hier sind die Urls:

Ja, leider waren es nur URLs.
Ich haette den Link zu </faq/#Q-19> doch posten sollen...
Und Du haettest die </faq/> lesen sollen.
Zudem gibt es fuer solche Dinge die Vorschau...

http://www.meinebergtouren.de/impressum.html
http://www.meinebergtouren.de/home.html

Sieht bei mir im MS IE 5.0 und Mozilla 1.2.1 (Win 2000)
gleich aus, was die Schriftgroesse angeht.

http://www.meinebergtouren.de/formate.css

p.large { text-align:center; font-size:large }
p.larger {text-align:center; font-size:larger }
p { font-size:medium; text-align:left; color:white }

Diese relativen Schriftgroessen duerften fuer Verwirrung stiften.

Ich empfehle Dir, "em" oder "%" zu verwenden.
Die Schriftgroesse fuer normale Absaetze (p) wuerde
ich gar nicht definieren. Dann ist es automatisch
in der Lieblingsgroesse des Benutzers.

Wegen (harmlosen) MS-IE-Bugs beim Skalieren
(Ansicht -> Schriftgroesse -> ...)
sollte man offenbar sowas reinmachen:
body { font-size:100%; }

Das Stylesheet ist ja offensichtlich nur fuer
das Medium "Screen" geeignet, da Du weisse
Schrift auf schwarzem Hintergrund hast.
Also sag das auch in HTML:
<link rel="stylesheet" type="text/css" href="formate.css" media="screen">

Anmerkung: Eigentlich besteht die Gesamtseite aus Frames

Diesen groben Fehler kannst Du jetzt ja noch rechtzeitig
beheben ;-)

Und wenn Du gerade dabei bist:

"Der Autor behält sich vor, Teile oder das gesamte Onlineangebot jederzeit und ohne Ankündigung zu ändern, zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder dauerhaft einzustellen."

Wofuer bitte soll das gut sein?
Wovor soll es Dich schuetzen?
Diese Fragen sind voellig ernst gemeint.

Gruesse,

Thomas

[wahsaga]

hi,

Wegen (harmlosen) MS-IE-Bugs beim Skalieren
(Ansicht -> Schriftgroesse -> ...)
sollte man offenbar sowas reinmachen:
body { font-size:100%; }

nein, AFAIK sollte man eben _nicht_ 100% nehmen, da der fehler genau dann auftritt.

statt dessen sollte man

body { font-size:101%; }

nehmen, um dadurch den fehler zu vermeiden.

hab dazu auch irgendwann mal hier im forum eine quelle gesehen, wo das genauer dokumentiert war.

ich weiss jetzt nicht mehr, ob es diese hier http://www.schoening-online.de/css/msie/rel_font_bug.html war - auf jeden fall empfiehlt sie unter "css-lösung" ebenfalls die 101% statt 100% bzw. 1em zu nehmen.

gruss,
wahsaga

[Thomas Luethi]

Hallo,

body { font-size:100%; }
body { font-size:101%; }

Wir hatten beide ein bisschen recht. ;-)

http://www.schoening-online.de/css/msie/rel_font_bug.html

Eine aehnliche Seite (gegenseitig verlinkt):
http://www.einfach-fuer-alle.de/artikel/ietext/

Wenn man diese Seiten genau liest, sieht man:

Fuer den MS IE reicht font-size:100% voellig aus.
Das 101% war nur wegen einem Opera-6-Bug notwendig.
(Keine Ahnung, wie es bei Opera 7 aussieht.)

Mir sind diese Bugs egal, und ich verzichte meist auf
eine solche (ueberfluessige) font-size-Angabe fuer body
und verwende frisch-froehnlich relative Schriftgroessen-
Angaben fuer einige Elemente.

Wer einen so kaputten MS IE hat, dass der immer
wieder auf "sehr klein" springt, ist selbst schuld
und soll umsteigen auf einen _Browser_. (Oder upgraden.)

Und wer mit Opera 6 Darstellungsproblemchen hat,
soll halt upgraden, CSS aussschalten oder auf sein
Benutzerstylesheet umsteigen.

Dies ist eine Privatmeinung. (;-)

Gruesse,

Thomas

[Ingo Turski]

Hi Thomas,

Mir sind diese Bugs egal, und ich verzichte meist auf
eine solche (ueberfluessige) font-size-Angabe fuer body
und verwende frisch-froehnlich relative Schriftgroessen-
Angaben fuer einige Elemente.

egal ist die Angabe von font-size in "%" für body jedoch dann nicht, wenn man EM nicht ausschließlich für Schriftgrößen einsetzt, sondern auch z.B. für Weitenangaben von Elementen; und dies kann urchaus sehr sinnvoll sein.

freundliche Grüße
Ingo